body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:#ece2cc;color:#2b2b2b;min-height:100vh}.site-nav{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ece2cceb;border-bottom:1px solid #0000001f;display:flex;gap:16px;justify-content:space-between;padding:12px 20px;position:-webkit-sticky;position:sticky;top:0;z-index:40}.site-brand{text-align:left}.brand-title{font-size:1rem;font-weight:700;margin:0}.brand-subtitle{font-size:.78rem;margin:2px 0 0;opacity:.75}.tab-nav{display:flex;gap:8px}.tab-btn{background:#f5ecd8;border:1px solid #0000004d;border-radius:999px;color:#2b2b2b;cursor:pointer;display:inline-block;font-family:inherit;font-size:.9rem;padding:8px 14px;text-decoration:none;transition:background .2s ease,color .2s ease}.tab-btn:hover{background:#e7dbbf}.tab-btn.active{background:#2f4f8f;border-color:#2f4f8f;color:#fff}.tab-page{margin:22px auto 48px;width:min(1100px,92%)}.page-hero h1{font-size:clamp(1.7rem,4vw,2.7rem);margin:0}.page-hero p{margin:8px 0 0}.blog-card,.timeline-card{background:#f7efdc;border:1px solid #0000001a;border-radius:14px;margin-top:16px;padding:16px}.blog-card h2,.timeline-card h2{font-size:1.15rem;margin:0}.role-meta{font-size:.92rem;margin:6px 0 10px;opacity:.8}.timeline-card ul{margin:0;padding-left:18px}.timeline-card li{margin-bottom:6px}.split-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.blog-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.blog-status{color:#2f4f8f;font-size:.78rem;font-weight:700;letter-spacing:.06em;margin:0 0 8px;text-transform:uppercase}.blog-card p{line-height:1.45;margin:8px 0 0}.blog-card-button{color:inherit;cursor:pointer;display:block;font-family:inherit;text-align:left;text-decoration:none;width:100%}.blog-card-button:hover{border-color:#2f4f8f59}.blog-view-header{margin:6px 0 12px}.back-link-btn{background:#f7efdc;border:1px solid #0003;border-radius:999px;cursor:pointer;font-family:inherit;padding:6px 12px}.blog-article{grid-column:1/-1;text-align:left}.blog-article h3{font-size:1rem;margin:14px 0 6px}.blog-article ul{margin:6px 0 10px;padding-left:20px}.blog-article li{margin-bottom:6px}.formula-block{background:#ffffff59;border:1px solid #0000001f;border-radius:8px;font-size:.9rem;line-height:1.4;margin:8px 0;overflow-x:auto;padding:10px 12px}@media (max-width:900px){.site-nav{align-items:flex-start;flex-direction:column}.blog-grid,.split-grid{grid-template-columns:1fr}}.notebook-container{background-color:#f0e6d2;font-family:Courier New,Courier,monospace;min-height:180vh;padding:0 0 120px;position:relative}.physics-info{font-size:.95rem}.physics-info a{color:#2f4f8f}.curve-ball-label{color:#4169e1;font-weight:700}.linear-ball-label{color:#a67c00;font-weight:700}.lines-container{--content-width:min(760px,calc(100% - 40px));--content-pad-x:clamp(18px,4vw,30px);--grid-row:40px;background-image:linear-gradient(to bottom,#0000 0,#0000 calc(var(--grid-row) - 1px),#00000026 var(--grid-row)),linear-gradient(to right,#0000 0,#0000 calc(var(--grid-row) - 1px),#0000000d var(--grid-row));background-size:var(--grid-row) var(--grid-row);min-height:calc(180vh - 120px);overflow:hidden;position:relative}.scene-info{background:#0000;border:none;box-sizing:border-box;line-height:var(--grid-row);margin:var(--grid-row) auto 0;padding:8px var(--content-pad-x);position:relative;width:var(--content-width);z-index:6}.scene-info h2{font-size:clamp(1.2rem,2.4vw,2rem)}.scene-info h2,.scene-info p{line-height:var(--grid-row);margin:0}.last-update{color:#2b2b2bc7;font-size:.92rem}.notes-textarea{background:#0000;border:none;box-sizing:border-box;color:#333;font-size:16px;height:100%;line-height:var(--grid-row);margin:var(--grid-row) auto 0;min-height:calc(180vh - 120px);padding:18px var(--content-pad-x) 28px;position:relative;width:var(--content-width);z-index:6}.notes-textarea h3{line-height:var(--grid-row);margin:var(--grid-row) 0 0}.notes-textarea h3:first-of-type{margin-top:0}.notes-textarea h4{font-size:1rem;margin:12px 0 6px}.notes-textarea p{line-height:var(--grid-row);margin:0}.notes-textarea ul{margin:0 0 0 18px;padding:0}.notes-textarea li{line-height:var(--grid-row);margin:0}.animation-overlay{left:0;overflow:hidden;top:0;z-index:3}.animation-overlay,.nn-diagram{height:100%;pointer-events:none;position:absolute;width:100%}.nn-diagram{inset:0;z-index:1}.nn-edge{stroke:#23232342;stroke-width:1.4}.nn-node{stroke-width:1.3}.nn-node-input{fill:#4169e147;stroke:#2a4caab3}.nn-node-hidden{fill:#5050502e;stroke:#2323239e}.nn-node-output{fill:#2e8f2f47;stroke:#236e24b8}.rolling-ball{border-radius:50%;height:20px;position:absolute;transform:translate(0);width:20px}.curve-ball{background-color:#4169e1}.linear-ball{background-color:#e0b300}.ball-connector{border-top:2px dotted #00000080;height:0;transform-origin:0 0}.ball-connector,.ball-overlap-merge{pointer-events:none;position:absolute}.ball-overlap-merge{background:#4c8056b3;border-radius:50%;z-index:5}.y-axis{inset:0;pointer-events:none;position:absolute}.axis-line{background-color:#333;position:absolute}.y-line{height:100%;top:0;width:2px}.y-labels{height:100%;position:relative;width:100%}.axis-label{color:#333;font-family:Courier New,monospace;font-size:12px;position:absolute}.y-label{transform:translateY(-50%)}.start-point{align-items:center;background:#f0e6d2e6;border-radius:999px;color:#4b3b2a;display:flex;font-size:.8rem;font-weight:700;gap:8px;padding:3px 8px;position:absolute;transform:translate(-10px,-34px);z-index:12}.start-time{font-weight:600;opacity:.85}.bottom-hud{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:linear-gradient(180deg,#f0e6d2b3,#f0e6d2f5);bottom:0;left:0;padding-top:8px;position:fixed;right:0;width:100%;z-index:20}.floating-axis{height:56px;position:relative}.x-line{height:2px;top:8px}.x-labels{height:100%;position:relative}.x-label{top:16px;transform:translateX(-50%)}.x-axis-caption{color:#333;font-size:14px;font-weight:700;position:absolute;top:16px}.scroll-indicator{margin-top:6px;padding-bottom:10px}.scroll-progress-bar{background:#0000001f;border-radius:999px;height:10px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(90deg,#4169e1,#2f8f2f);height:100%;transition:width .08s linear;width:0}.time-label{font-size:1rem;margin-top:8px;text-align:center}@media (max-width:768px){.notebook-container{min-height:190vh;padding-bottom:120px}.lines-container{--content-width:calc(100% - 20px);--content-pad-x:16px;--grid-row:34px;min-height:calc(190vh - 120px)}.notes-textarea{font-size:14px;line-height:var(--grid-row);min-height:calc(190vh - 120px);padding-top:16px}.scene-info{margin-top:var(--grid-row);padding:8px var(--content-pad-x)}.axis-label{font-size:10px}.floating-axis{height:52px}}
/*# sourceMappingURL=main.3dde60dd.css.map*/