:root{--bg-1:#f7f0e6;--bg-2:#f0e1d1;--ink:#1f1b16;--muted:#6f645a;--accent:#c0572e;--accent-strong:#a04725;--panel:rgba(255,251,245,.92);--border:rgba(31,27,22,.14);--shadow:0 18px 40px rgba(31,27,22,.12)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-sans),"Space Grotesk",sans-serif;color:var(--ink);background:radial-gradient(circle at top left,hsla(0,0%,100%,.7),transparent 45%),radial-gradient(circle at 20% 80%,rgba(255,236,214,.65),transparent 45%),linear-gradient(160deg,var(--bg-1),var(--bg-2));min-height:100vh}a{color:inherit;text-decoration:none}main{padding:32px 24px 80px}.site-footer,main{max-width:980px;margin:0 auto}.site-footer{padding:0 24px 40px;display:flex;justify-content:center}.footer-link{font-size:13px;color:var(--muted);padding:6px 10px;border-radius:999px;border:1px solid transparent;transition:border-color .15s ease,color .15s ease}.footer-link:hover{border-color:var(--border);color:var(--ink)}header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0}header a.brand{font-weight:700;font-size:28px;letter-spacing:.04em;display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.7);box-shadow:0 8px 16px rgba(31,27,22,.08);transform:translateX(6px)}header nav{display:flex;gap:16px;font-size:14px;color:var(--muted)}.lang-toggle{display:inline-flex;gap:6px;align-items:center}.lang-button{border:1px solid var(--border);background:hsla(0,0%,100%,.6);color:var(--muted);padding:4px 10px;border-radius:999px;font-size:12px;cursor:pointer}.lang-button.active{color:var(--ink);border-color:rgba(192,87,46,.35);background:rgba(255,239,224,.7)}.card{background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:24px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.stack{display:grid;grid-gap:16px;gap:16px}.row{display:flex;gap:12px;flex-wrap:wrap}.row.no-wrap{flex-wrap:nowrap;align-items:center}.button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:999px;padding:10px 18px;background:var(--accent);color:#fff;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;box-shadow:0 10px 18px rgba(192,87,46,.25)}.button.secondary{color:var(--accent);border:1px solid rgba(192,87,46,.4)}.button.ghost,.button.secondary{background:transparent;box-shadow:none}.button.ghost{color:var(--ink);border:1px solid var(--border)}.button.tiny{padding:4px 8px;font-size:12px;box-shadow:none}.button:disabled{cursor:not-allowed;opacity:.6;box-shadow:none}.button:hover:not(:disabled){transform:translateY(-1px);background:var(--accent-strong)}.input,select,textarea{width:100%;padding:10px 14px;border-radius:10px;border:1px solid var(--border);background:hsla(0,0%,100%,.7);color:var(--ink);font-size:14px}textarea{min-height:80px;resize:vertical}.small{font-size:13px;color:var(--muted)}.loading-row{display:inline-flex;align-items:center;gap:8px}.spinner{width:16px;height:16px;border-radius:50%;border:2px solid rgba(31,27,22,.15);border-top-color:rgba(192,87,46,.8);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.section-title{font-size:18px;font-weight:600}.home-hero{display:flex;align-items:center;gap:16px}.home-logo{width:88px;height:88px;border-radius:18px;border:1px solid var(--border);background:hsla(0,0%,100%,.7);box-shadow:0 10px 20px rgba(31,27,22,.1);object-fit:contain}.player-frame{width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;border:1px solid var(--border);background:#000}.marker-list{display:grid;grid-gap:10px;gap:10px}.markers-panel{display:flex;flex-direction:column;gap:16px;max-height:70vh;overflow:hidden}.marker-scroll{flex:1 1;min-height:0;overflow:auto;padding-right:4px}.marker{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:12px;border:1px solid transparent;background:hsla(0,0%,100%,.65);cursor:pointer;transition:border .15s ease,background .15s ease}.marker-edit{position:relative;align-items:flex-start;gap:16px;border-color:var(--border);background:hsla(0,0%,100%,.9);box-shadow:0 8px 18px rgba(31,27,22,.08);cursor:default}.marker-edit.selected{border-color:rgba(43,36,30,.75);box-shadow:inset 0 0 0 1.5px rgba(43,36,30,.7),0 10px 22px rgba(192,87,46,.12);background:rgba(255,243,233,.95)}.marker-edit.selected.collapsed{border-color:rgba(43,36,30,.8);box-shadow:inset 0 0 0 1.5px rgba(43,36,30,.75)}.marker-edit.collapsed{padding:6px 12px;gap:12px}.marker-summary{display:grid;grid-gap:4px;gap:4px}.marker-summary .small{margin-top:8px}.marker-key-corner{position:absolute;top:8px;left:8px}.marker-edit .marker-info{padding-top:20px}.marker-actions{margin-top:-2px}.marker-edit.collapsed .marker-summary{gap:4px}.marker-edit.collapsed .small{color:currentColor;opacity:.8}.marker-collapse{position:absolute;top:8px;width:22px;height:22px;padding:0;border-radius:999px;border-color:rgba(31,27,22,.2);color:rgba(31,27,22,.6);background:hsla(0,0%,100%,.6);font-size:12px;line-height:1;display:inline-flex;align-items:center;justify-content:center;opacity:.6;right:8px}.marker-collapse:hover:not(:disabled){opacity:1}.markers-header{justify-content:space-between;align-items:center}.markers-header-actions{display:inline-flex;align-items:center;gap:8px}.marker-actions{padding-top:0;gap:6px;align-self:flex-start}.meta-edit-row{justify-content:space-between;align-items:center;gap:8px;flex-wrap:nowrap;width:100%}.meta-edit-button{margin-left:auto;width:-moz-fit-content;width:fit-content;min-width:auto}.meta-block{border:1px solid var(--border);border-radius:12px;padding:12px;background:hsla(0,0%,100%,.7)}.marker-time{margin-top:4px}.marker.active{border-color:rgba(192,87,46,.6);background:rgba(255,233,214,.9)}.marker-info{display:grid;grid-gap:4px;gap:4px}.marker-info strong,.marker-summary strong{font-size:15px}.marker-key-pill{display:inline-flex;align-items:center;justify-content:center;padding:2px 10px;border-radius:999px;border:1px solid rgba(31,27,22,.15);background:hsla(0,0%,100%,.7)}.marker-edit.collapsed .marker-summary strong{font-size:20px;line-height:1.2}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-size:12px;background:rgba(31,27,22,.08);color:var(--muted)}.tag-list{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.7);font-size:12px;transition:background .15s ease,border-color .15s ease}.tag-chip.tag-link{cursor:pointer}.tag-chip:hover{border-color:rgba(192,87,46,.45);background:rgba(255,233,214,.7)}.tag-chip button{width:12px;height:12px;display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;color:var(--muted);padding:0;font-size:12px;line-height:1;cursor:pointer}.tag-chip button:hover{color:var(--accent-strong)}.tag-input-row{display:flex;align-items:center;gap:8px}.tag-input-row .input{flex:1 1}.terms-section{display:grid;grid-gap:6px;gap:6px}.terms-heading{font-weight:600;font-size:14px}.terms-list{margin:0;padding-left:18px;display:grid;grid-gap:4px;gap:4px}.time-tag{min-width:64px;justify-content:center}.color-dot{width:10px;height:10px;border-radius:50%;border:1px solid rgba(31,27,22,.2);flex-shrink:0;margin-right:6px}.color-input{width:56px;height:32px;padding:0;cursor:pointer}.color-controls{align-items:center}.palette-row{display:flex;flex-wrap:wrap;gap:8px}.palette-swatch{width:20px;height:20px;border-radius:6px;border:1px solid var(--border);cursor:pointer}.palette-swatch.active{outline:2px solid rgba(192,87,46,.7);outline-offset:2px}.palette-none-label{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border:1px dashed var(--border);border-radius:999px;cursor:pointer;font-size:13px;color:var(--muted);background:hsla(0,0%,100%,.6)}.palette-none-label:hover{border-color:rgba(111,100,90,.7);color:#5a524a}.palette-none-checkbox{position:absolute;opacity:0;pointer-events:none}.palette-none-box{width:16px;height:16px;border-radius:4px;border:1px solid rgba(31,27,22,.3);background:#fff;display:inline-flex;align-items:center;justify-content:center;color:#5a524a;font-size:12px;line-height:1}.palette-none-checkbox:checked+.palette-none-box:after{content:"✓"}.key-picker{display:grid;grid-gap:10px;gap:10px}.key-display{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:hsla(0,0%,100%,.8)}.key-display-label{font-size:12px;color:var(--muted)}.key-display-value{font-size:24px;letter-spacing:.02em}.key-keyboard{position:relative;height:88px;border-radius:12px;border:1px solid var(--border);background:linear-gradient(180deg,#f6f0e8,#ece3d8);overflow:hidden}.key-white-row{display:flex;height:100%}.key-key{position:relative;border:1px solid rgba(31,27,22,.18);background:#fefbf7;padding:0;display:flex;align-items:flex-end;justify-content:center;cursor:pointer;transition:background .15s ease,border .15s ease}.key-key:active{background:#efe6dc}.key-white{height:100%;border-right:1px solid rgba(31,27,22,.12)}.key-white:last-child{border-right:none}.key-white:first-child{border-top-left-radius:12px;border-bottom-left-radius:12px}.key-white:last-child{border-top-right-radius:12px;border-bottom-right-radius:12px}.key-black-row{position:absolute;inset:0;pointer-events:none}.key-black{position:absolute;top:0;height:58%;background-color:#1f1b16;opacity:1;border:1px solid #0f0c0a;border-radius:0 0 8px 8px;color:#f8f3ed;z-index:2;pointer-events:auto;transform:translateX(-50%);box-shadow:none}.key-black:active{background:#1f1b16}.key-key.active{outline:2px solid rgba(192,87,46,.7);outline-offset:-2px;background:#f6e2d4}.key-black.key-key.active{background:#2a1d18}.key-label{font-size:11px;margin-bottom:6px;color:inherit}.key-mode-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between}.key-accidental-buttons{display:inline-flex;gap:6px}.key-accidental-button{border-radius:999px;border:1px solid var(--border);padding:6px 12px;background:hsla(0,0%,100%,.7);font-size:12px;cursor:pointer}.key-accidental-button.active{border-color:rgba(192,87,46,.7);color:#5a2f1b;background:rgba(255,226,208,.9)}.key-mode-buttons{display:inline-flex;gap:8px}.key-mode-button{border-radius:999px;border:1px solid var(--border);padding:6px 12px;background:hsla(0,0%,100%,.7);font-size:12px;cursor:pointer}.key-mode-button.active{border-color:rgba(192,87,46,.7);color:#5a2f1b;background:rgba(255,226,208,.9)}.input-unit{display:flex;align-items:center;gap:8px}.input-unit .input{flex:1 1}.unit-suffix{font-size:12px;color:var(--muted)}.result-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.result-item{border:1px solid var(--border);border-radius:12px;padding:12px 14px;background:hsla(0,0%,100%,.7)}.result-link{position:relative;display:grid;grid-template-columns:96px 1fr;grid-gap:12px;gap:12px;align-items:center}.result-link.is-loading,.result-loading{pointer-events:none}.result-loading{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:8px;border-radius:10px;background:hsla(0,0%,100%,.7);color:var(--muted)}.result-title{font-weight:600}.result-thumb{width:96px;height:54px;border-radius:10px;overflow:hidden;border:1px solid var(--border);background:#000}.result-thumb img{width:100%;height:100%;object-fit:cover;display:block}.result-meta{display:grid;grid-gap:4px;gap:4px}.history-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:12px;gap:12px}.history-item{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:hsla(0,0%,100%,.7);display:grid;grid-gap:8px;gap:8px}.history-header{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.disclosure{border:1px solid var(--border)}.disclosure-summary{list-style:none;cursor:pointer;padding:10px 16px;border-radius:999px;border:1px solid var(--border);background:hsla(0,0%,100%,.7);font-weight:600;display:inline-flex;align-items:center;gap:8px}.disclosure-summary::-webkit-details-marker{display:none}.disclosure-body{margin-top:16px}.timeline{display:grid;grid-gap:8px;gap:8px}.timeline-header{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.timeline-track{position:relative;height:36px;border-radius:4px;background:rgba(31,27,22,.08);border:1px solid var(--border);overflow:hidden;cursor:pointer;touch-action:none}.timeline-segments{position:absolute;inset:0;display:flex;height:100%}.timeline-segment{height:100%;position:relative}.timeline-segment.selected:after{content:"";position:absolute;inset:1px;border-radius:0;border:1px solid hsla(0,0%,100%,.85);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.4),inset 0 0 6px hsla(0,0%,100%,.55);pointer-events:none}.timeline-tick{position:absolute;top:0;bottom:0;width:1px;background:rgba(31,27,22,.35);pointer-events:none}.timeline-tick.selected{width:3px;background:hsla(0,0%,100%,.9);box-shadow:0 0 0 2px hsla(0,0%,100%,.45)}.timeline-playhead{position:absolute;top:0;bottom:0;width:3px;background:var(--accent-strong);box-shadow:0 0 6px rgba(192,87,46,.55);pointer-events:none}.grid-two{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;align-items:start}.grid-two>*{align-self:start}.error{color:#b3261e;font-size:13px}.notice{display:inline-flex;width:-moz-fit-content;width:fit-content;max-width:100%;border-radius:12px;border:1px solid var(--border);padding:10px 12px;font-size:13px;background:hsla(0,0%,100%,.7)}.notice.success{border-color:rgba(46,139,87,.35);background:rgba(225,245,235,.7);color:#1f3b2b}@media (max-width:720px){header{flex-direction:column;gap:12px;align-items:flex-start}header a.brand{transform:none}header nav{align-self:flex-end;justify-content:flex-end}.result-link{grid-template-columns:72px 1fr}.result-thumb{width:72px;height:40px}.home-hero{flex-direction:column;align-items:flex-start}main{padding:24px 18px 64px}.row.no-wrap{flex-wrap:wrap}}@font-face{font-family:__Space_Grotesk_dd5b2f;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/e1aab0933260df4d-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:__Space_Grotesk_dd5b2f;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/b7387a63dd068245-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:__Space_Grotesk_dd5b2f;font-style:normal;font-weight:300 700;font-display:swap;src:url(/_next/static/media/36966cca54120369-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:__Space_Grotesk_Fallback_dd5b2f;src:local("Arial");ascent-override:89.71%;descent-override:26.62%;line-gap-override:0.00%;size-adjust:109.69%}.__className_dd5b2f{font-family:__Space_Grotesk_dd5b2f,__Space_Grotesk_Fallback_dd5b2f;font-style:normal}.__variable_dd5b2f{--font-sans:"__Space_Grotesk_dd5b2f","__Space_Grotesk_Fallback_dd5b2f"}