:root{--bg: #e9e7e2;--bgHi: #f8f7f4;--body: #f4f2ee;--bodyHi: #ffffff;--edge: #dcd7cf;--edge2: #c5bfb6;--sunk: #e5e1da;--pressed: #d3ccc0;--screen: #17171a;--screenLine: #25252a;--screenFg: #efece5;--screenDim: #7c7b80;--fg: #23211f;--fg2: #6d6862;--fg3: #a49d95;--accent: #cf3f28;--ok: #3d8f57;--key: linear-gradient(180deg, #fffefb 0%, #ece9e3 100%);--keyAlt: linear-gradient(180deg, #f0eee9 0%, #dfdbd4 100%);--keyShadow: inset 0 1px 0 rgba(255, 255, 255, .95), 0 2px 0 var(--edge2), 0 5px 10px rgba(35, 33, 31, .1);--insetShadow: inset 0 2px 4px rgba(35, 33, 31, .15), inset 0 -1px 0 rgba(255, 255, 255, .75);--lift: 0 1px 2px rgba(35, 33, 31, .05), 0 14px 40px rgba(35, 33, 31, .1);--shLeft: 24px 0 60px rgba(35, 33, 31, .16);--shUp: 0 -18px 50px rgba(35, 33, 31, .16);--scrim: rgba(20, 18, 17, .26);--scrimStrong: rgba(20, 18, 17, .34);--modalShadow: 0 30px 80px rgba(20, 18, 17, .28);--sans: "Schibsted Grotesk", system-ui, -apple-system, sans-serif;--mono: "Martian Mono", ui-monospace, "SF Mono", Menlo, monospace;--m1: 6.5px;--m2: 7.5px;--m3: 8.5px;--m4: 9.5px;--m5: 11px;--m6: 13px;--s1: 12.5px;--s2: 13.5px;--s3: 15px;--s4: 21px;--easeOut: cubic-bezier(.32, .9, .28, 1);--easeSnap: cubic-bezier(.4, 1.2, .5, 1);--easeTray: cubic-bezier(.26, 1.32, .36, 1);--easeExit: cubic-bezier(.4, 0, .7, .4);--easeDrain: cubic-bezier(.3, .8, .3, 1);--durPress: .12s;--durFast: .18s;--durBase: .28s;--durSheet: .36s;--durPanel: .44s;--durTray: .52s;--durBeat: .66s;--durDrain: .7s;--durCascade: .09s;--durSettle: .16s}:root[data-theme=dark]{--bg: #151413;--bgHi: #211f1d;--body: #2b2a27;--bodyHi: #3d3b37;--edge: #38352f;--edge2: #484338;--sunk: #1e1d1b;--pressed: #121110;--screen: #0c0c0e;--screenLine: #1c1c20;--screenFg: #eae7e0;--screenDim: #6b6a6e;--fg: #f0ede7;--fg2: #9f9992;--fg3: #6e6963;--accent: #e2503a;--ok: #5cb478;--key: linear-gradient(180deg, #3b3934 0%, #2a2825 100%);--keyAlt: linear-gradient(180deg, #302e2b 0%, #221f1d 100%);--keyShadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 2px 0 #171614, 0 5px 12px rgba(0, 0, 0, .42);--insetShadow: inset 0 2px 5px rgba(0, 0, 0, .6), inset 0 -1px 0 rgba(255, 255, 255, .05);--lift: 0 1px 2px rgba(0, 0, 0, .4), 0 16px 44px rgba(0, 0, 0, .48);--shLeft: 24px 0 60px rgba(0, 0, 0, .55);--shUp: 0 -18px 50px rgba(0, 0, 0, .55);--scrim: rgba(0, 0, 0, .42);--scrimStrong: rgba(0, 0, 0, .52);--modalShadow: 0 30px 80px rgba(0, 0, 0, .6)}@keyframes fretIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes fretPop{0%{opacity:0;transform:translateY(-6px) scale(.985)}to{opacity:1;transform:none}}@keyframes fretSheen{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes fretLamp{0%,to{opacity:.35}50%{opacity:1}}@keyframes fretCaret{0%,49%{opacity:1}50%,to{opacity:0}}@keyframes fretModalIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}@keyframes fretFade{0%{opacity:0}to{opacity:1}}@keyframes fretSheetUp{0%{transform:translateY(100%)}to{transform:none}}@keyframes fretRing{0%,to{box-shadow:0 0 0 1px var(--screenLine),0 0 #fff0}50%{box-shadow:0 0 0 1px #ffffff47,0 0 9px #ffffff24}}@keyframes fretSettle{0%{transform:scale(1)}38%{transform:scale(1.007)}to{transform:scale(1)}}@keyframes fretMorphOut{0%{opacity:1}to{opacity:0}}@keyframes fretMorphIn{0%{opacity:0}to{opacity:1}}@keyframes fretRowOut{0%{grid-template-rows:1fr;opacity:1;transform:none}60%{opacity:0}to{grid-template-rows:0fr;opacity:0;transform:translate(-14px);border-top-color:transparent}}@keyframes fretBloom{0%{box-shadow:0 0 0 0 var(--ok),inset 0 1px 1px #ffffff80}45%{box-shadow:0 0 14px 3px var(--ok),inset 0 1px 1px #ffffff80}to{box-shadow:0 0 6px 0 var(--ok),inset 0 1px 1px #ffffff80}}@keyframes fretSpin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-delay:0s!important;animation-iteration-count:1!important;transition-duration:.001ms!important;transition-delay:0s!important}}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;overscroll-behavior:none;background:var(--bg)}body{font-family:var(--sans);color:var(--fg);-webkit-font-smoothing:antialiased;text-wrap:pretty}#root{height:100%}button,a,label,.fret-row__main,.fret-rowaction,.fret-segmented__item{touch-action:manipulation}button,input{font-family:inherit}input::placeholder{color:var(--fg3)}a{color:var(--accent);text-decoration:none}a:hover{color:var(--fg)}.fret-studio{height:100%;background:radial-gradient(120% 90% at 50% 0%,var(--bgHi) 0%,var(--bg) 62%);display:flex;flex-direction:column;padding:env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.fret-stage{flex:1;display:flex;align-items:center;align-items:safe center;justify-content:center;overflow-y:auto;min-height:0;overscroll-behavior:contain;padding:20px 16px 40px}.fret-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--fg2);outline-offset:2px}.fret-mono{font-family:var(--mono)}.fret-panel{width:100%;max-width:568px;background:var(--body);border:1px solid var(--edge);border-radius:20px;box-shadow:var(--lift);padding:18px;display:flex;flex-direction:column;gap:16px;animation:fretIn var(--durPanel) var(--easeOut) both}.fret-panel--recipient{max-width:512px}.fret-panel--settled{animation:fretIn var(--durPanel) var(--easeOut) both,fretSettle var(--durBeat) var(--easeOut) both}.fret-lamp--bloom{animation:fretBloom var(--durBeat) var(--easeOut) both}.fret-screen{position:relative;background:var(--screen);border-radius:14px;box-shadow:inset 0 3px 8px #0000008c,0 0 0 1px #23211f0f,0 1px 0 var(--bodyHi);background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.022) 0 1px,transparent 1px 3px);overflow:hidden;transition:box-shadow var(--durFast) ease;color:var(--screenFg)}.fret-screen--drop{cursor:pointer;-webkit-user-select:none;user-select:none}.fret-screen--dragging{box-shadow:inset 0 3px 8px #0000008c,0 0 0 2px var(--accent),0 1px 0 var(--bodyHi)}.fret-screen__inner{position:relative;z-index:2;padding:20px 18px}.fret-screen__strip{display:flex;align-items:center;gap:7px;margin-bottom:14px}.fret-screen__stripLabel{font-family:var(--mono);font-size:var(--m3);letter-spacing:.2em;text-transform:uppercase;color:var(--screenDim)}.fret-screen__stripRight{margin-left:auto;font-family:var(--mono);font-size:var(--m3);letter-spacing:.16em;text-transform:uppercase;color:var(--screenDim)}.fret-screen__title{font-size:clamp(21px,3.2vw,27px);font-weight:500;letter-spacing:-.03em;color:var(--screenFg);display:flex;align-items:baseline;gap:0}.fret-screen__hint{font-family:var(--mono);font-size:var(--m4);letter-spacing:.14em;color:var(--screenDim);margin-top:9px}.fret-fill{position:absolute;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(180deg,#cf3f2826,#cf3f280d);transition:height .35s linear;pointer-events:none}.fret-fill:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:var(--accent);opacity:.85}.fret-fill--draining{transition:height var(--durDrain) var(--easeDrain),opacity var(--durDrain) ease}.fret-sheen{position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}.fret-sheen:after{content:"";position:absolute;top:0;bottom:0;width:42%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.07),transparent);animation:fretSheen 2.4s linear infinite}.fret-readout{display:flex;align-items:baseline;gap:7px;margin-top:4px}.fret-readout__value{font-family:var(--mono);font-size:clamp(26px,4.4vw,34px);letter-spacing:-.045em;color:var(--screenFg);font-variant-numeric:tabular-nums}.fret-readout__unit{font-family:var(--mono);font-size:var(--m3);letter-spacing:.14em;text-transform:uppercase;color:var(--screenDim);white-space:nowrap}.fret-readout__right{margin-left:auto;font-family:var(--mono);font-size:var(--m3);letter-spacing:.14em;text-transform:uppercase;color:var(--screenDim);font-variant-numeric:tabular-nums;white-space:nowrap}.fret-scroll{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--listLine) transparent;transition:-webkit-mask-image var(--durFast) ease,mask-image var(--durFast) ease}.fret-scroll[data-fade=top]{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20px);mask-image:linear-gradient(180deg,transparent 0,#000 20px)}.fret-scroll[data-fade=bottom]{-webkit-mask-image:linear-gradient(0deg,transparent 0,#000 20px);mask-image:linear-gradient(0deg,transparent 0,#000 20px)}.fret-scroll[data-fade=both]{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 20px),transparent 100%)}.fret-filelist{--listFg: var(--screenFg);--listDim: var(--screenDim);--listLine: var(--screenLine);margin:4px -10px 0;padding:0 10px;max-height:184px}.fret-filelist--plain{--listFg: var(--fg);--listDim: var(--fg3);--listLine: var(--edge)}.fret-filelist .fret-scroll__inner{padding:8px 0}.fret-filelist__row{display:flex;align-items:center;gap:10px;padding:5px 0}.fret-filelist__row+.fret-filelist__row{border-top:1px solid var(--listLine)}.fret-filelist__name{font-family:var(--mono);font-size:var(--m4);letter-spacing:.04em;color:var(--listFg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.fret-filelist__size{font-family:var(--mono);font-size:var(--m3);letter-spacing:.1em;color:var(--listDim);flex-shrink:0;font-variant-numeric:tabular-nums}.fret-lamp{border-radius:999px;flex-shrink:0}.fret-lamp--pulse{animation:fretLamp 1.3s ease-in-out infinite}.fret-lamp--breathe{animation:fretLamp 2.6s ease-in-out infinite}.fret-caret{display:inline-block;vertical-align:baseline;background:var(--accent);animation:fretCaret 1.1s step-end infinite;flex-shrink:0;height:.74em;width:.36em;margin-left:.18em}.fret-caret--solid{animation:none;opacity:1}.fret-typed{display:inline}.fret-vent{height:17px;margin:0 4px;border-radius:2px;background-image:radial-gradient(circle,var(--edge2) .9px,transparent 1px);background-size:5px 5.5px;background-position:center;flex-shrink:0}.fret-key{background:var(--key);border:1px solid var(--edge2);box-shadow:var(--keyShadow);border-radius:12px;color:var(--fg);font-size:var(--s2);font-weight:500;letter-spacing:-.01em;padding:14px 18px;cursor:pointer;transition:transform var(--durPress) var(--easeOut),box-shadow var(--durPress) var(--easeOut);display:flex;align-items:center;justify-content:center;gap:9px}.fret-key:active:not(:disabled){transform:translateY(2px);box-shadow:inset 0 2px 5px #23211f38}.fret-key--alt{background:var(--keyAlt);font-family:var(--mono);font-size:var(--m3);letter-spacing:.16em;text-transform:uppercase;color:var(--fg2);padding:14px 10px}.fret-key--wide{width:100%}.fret-key--inert{background:var(--sunk);box-shadow:none;border-color:var(--edge);color:var(--fg3);cursor:default}.fret-key--inert:active{transform:none;box-shadow:none}.fret-key--danger{color:var(--accent)}.fret-key--pressed,.fret-key--pressed:active{transform:translateY(2px);background:var(--pressed);box-shadow:inset 0 2px 5px #23211f3d,inset 0 -1px #fff6;color:var(--fg)}:root[data-theme=dark] .fret-key--pressed,:root[data-theme=dark] .fret-key--pressed:active{box-shadow:inset 0 2px 6px #0009,inset 0 -1px #ffffff0d}.fret-actions{display:flex;gap:8px;align-items:center}.fret-actions__primary{flex:1;font-size:var(--s2);padding:14px 16px;min-width:0}.fret-actions__secondary{width:88px;align-self:stretch;flex-shrink:0}.fret-key__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.fret-morph{position:relative;display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline:auto;--fret-morph-lead: 0s;--fret-morph-hold: 0s;transition:width var(--durSettle) var(--easeOut) var(--fret-morph-hold)}.fret-morph--lamp.fret-morph--grow{--fret-morph-lead: calc(var(--durSettle) / 2)}.fret-morph--lamp.fret-morph--shrink{--fret-morph-hold: calc(var(--durCascade) + var(--durPress))}.fret-morph--exchanging{text-overflow:clip}.fret-morph__sizer{position:absolute;visibility:hidden;width:max-content;pointer-events:none}.fret-morph__out{position:absolute;inset:0;display:block;text-align:center}.fret-morph__ch{animation-fill-mode:both}.fret-morph__out .fret-morph__ch{animation-name:fretMorphOut;animation-duration:var(--durPress);animation-timing-function:var(--easeExit);animation-delay:calc(var(--fret-morph-lead) + var(--fret-morph-at) * var(--durCascade))}.fret-morph__in--arriving .fret-morph__ch{animation-name:fretMorphIn;animation-duration:var(--durFast);animation-timing-function:var(--easeOut);animation-delay:calc(var(--fret-morph-lead) + var(--durCascade) + var(--durPress) + var(--fret-morph-at) * var(--durCascade))}.fret-dl{width:24px;height:24px;border-radius:8px;background:#ffffff0a;color:var(--screenFg);display:flex;align-items:center;justify-content:center;font-size:var(--s1);flex-shrink:0;text-decoration:none;animation:fretRing 2.6s ease-in-out infinite}.fret-dl:hover{background:#ffffff1a;color:var(--screenFg)}.fret-deck{position:relative;width:100%;max-width:568px;margin-bottom:var(--trayH, 0px);transition:margin-bottom var(--durTray) var(--easeTray)}.fret-deck .fret-panel{max-width:none}.fret-panel{position:relative;z-index:2}@media(max-width:640px){.fret-panel{padding:14px;gap:13px;border-radius:18px}.fret-key{padding:12px 14px;border-radius:11px}.fret-actions__primary{padding:12px 14px}.fret-actions{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}.fret-actions__primary{grid-column:1 / -1}.fret-actions__secondary{width:auto}.fret-readout{flex-wrap:wrap;row-gap:1px}.fret-readout__right{margin-left:0;flex-basis:100%}}.fret-link{display:inline-flex;align-items:baseline;min-width:0;text-transform:none;letter-spacing:.08em}.fret-link--open{background:none;border:none;padding:0;font:inherit;letter-spacing:inherit;cursor:pointer;transition:opacity var(--durFast) ease}.fret-link--open:hover{opacity:.72}.fret-link__host{color:var(--screenDim)}.fret-link__slug{color:var(--screenFg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes fretLinkFlash{0%{color:var(--accent)}35%{color:var(--accent)}to{color:var(--screenFg)}}.fret-link__slug--flash{animation:fretLinkFlash var(--durBeat) var(--easeOut) both}.fret-chrome{display:flex;align-items:center;padding:13px 14px;gap:7px}.fret-chrome__right{margin-left:auto;display:flex;align-items:center;gap:7px}.fret-pill{display:flex;align-items:center;gap:7px;background:var(--body);border:1px solid var(--edge);border-radius:999px;padding:7px 13px 7px 11px;cursor:pointer;color:var(--fg);transition:background var(--durFast) ease,border-color var(--durFast) ease}.fret-pill:hover{background:var(--sunk);border-color:var(--edge2)}.fret-pill__count{font-family:var(--mono);font-size:var(--m4);letter-spacing:.1em;color:var(--fg);font-variant-numeric:tabular-nums}.fret-pill__label{font-family:var(--mono);font-size:var(--m3);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}.fret-iconpill{width:32px;height:32px;border-radius:999px;background:var(--body);border:1px solid var(--edge);display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;flex-shrink:0;transition:background var(--durFast) ease,border-color var(--durFast) ease}.fret-iconpill:hover{background:var(--sunk);border-color:var(--edge2)}.fret-avatar{display:flex;align-items:center;gap:0;height:32px;border-radius:999px;background:var(--body);border:1px solid var(--edge);cursor:pointer;padding:0;overflow:hidden;transition:all var(--durBase) var(--easeSnap)}.fret-avatar:hover{background:var(--sunk);border-color:var(--edge2)}.fret-avatar__initials{width:30px;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:var(--m4);letter-spacing:.06em;color:var(--fg2);flex-shrink:0}.fret-avatar__signout{font-size:var(--s1);font-weight:500;color:var(--accent);white-space:nowrap;max-width:0;opacity:0;transition:max-width var(--durBase) var(--easeSnap),opacity var(--durBase) ease,padding var(--durBase) ease;overflow:hidden}.fret-avatar--open .fret-avatar__signout{max-width:80px;opacity:1;padding-right:12px}.fret-themeglyph{width:13px;height:13px;border-radius:999px;border:1.5px solid var(--fg2);background:linear-gradient(90deg,var(--fg2) 0 50%,transparent 50% 100%)}.fret-themeglyph--dark{background:var(--fg2)}.fret-settingsglyph{display:flex;flex-direction:column;gap:3px;width:14px}.fret-settingsglyph__bar{display:flex;align-items:center;height:3.5px}.fret-settingsglyph__track{height:1px;background:var(--fg3)}.fret-settingsglyph__knob{width:3.5px;height:3.5px;background:var(--fg2);flex-shrink:0}.fret-settings{display:flex;flex-direction:column}.fret-grow{height:0;opacity:0;overflow:hidden;transition:height var(--durPanel) var(--easeOut),margin-top var(--durPanel) var(--easeOut),opacity var(--durBase) ease}.fret-grow--open{opacity:1}.fret-grow--panel{margin-top:-16px}.fret-grow--panel.fret-grow--open{margin-top:0}.fret-grow--panel .fret-grow__inner{padding-bottom:14px}.fret-row{display:flex;align-items:center;gap:12px;padding:11px 0}.fret-row+.fret-row{border-top:1px solid var(--edge)}.fret-row__label{width:76px;flex-shrink:0;font-family:var(--mono);font-size:var(--m2);letter-spacing:.2em;text-transform:uppercase;color:var(--fg3)}.fret-row__control{flex:1;min-width:0}.fret-field{width:100%;background:var(--sunk);border:1px solid var(--edge);border-radius:10px;padding:10px 12px;font-family:var(--mono);font-size:var(--m5);letter-spacing:.06em;color:var(--fg);transition:border-color var(--durFast) ease;-webkit-appearance:none;appearance:none}.fret-field:focus{outline:none;border-color:var(--fg3)}.fret-field:focus-visible{outline:2px solid var(--fg2);outline-offset:1px}.fret-field--error{border-color:var(--accent)}.fret-field__error{font-family:var(--mono);font-size:var(--m2);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-top:6px}.fret-segmented{position:relative;display:flex;background:var(--sunk);border:1px solid var(--edge);border-radius:10px;padding:0;box-shadow:inset 0 1px 2px #23211f1c,inset 0 -1px #ffffff8c;transition:border-color var(--durBase) ease;overflow:hidden}:root[data-theme=dark] .fret-segmented{box-shadow:inset 0 1px 2px #00000073,inset 0 -1px #ffffff0a}.fret-segmented__knob{position:absolute;top:0;bottom:0;left:0;background:var(--body);border-radius:9px;box-shadow:0 1px 2px #23211f24,inset 0 1px #ffffffb3;transition:transform var(--durBase) var(--easeSnap),width var(--durBase) var(--easeSnap);pointer-events:none}:root[data-theme=dark] .fret-segmented__knob{box-shadow:0 1px 2px #00000080,inset 0 1px #ffffff0f}.fret-segmented__item{position:relative;z-index:1;flex:1;border-radius:9px;border-width:1px;border-style:solid;border-color:transparent;background:transparent;color:var(--fg3);font-family:var(--mono);font-size:var(--m3);letter-spacing:.14em;text-transform:uppercase;padding:7px 4px;line-height:1.5;cursor:pointer;outline:none;transition:color var(--durFast) ease;min-width:0}.fret-segmented__item:hover{color:var(--fg2)}.fret-segmented--committed{border-color:var(--ok)}.fret-segmented__item--on{color:var(--fg)}.fret-segmented__item:focus-visible{outline:2px solid var(--fg2);outline-offset:-3px}.fret-popover{position:absolute;top:calc(100% + 8px);right:0;z-index:40;width:268px;background:var(--body);border:1px solid var(--edge);border-radius:14px;box-shadow:var(--lift);padding:14px;opacity:0;pointer-events:none;transform:translateY(-6px) scale(.985);transform-origin:top right;transition:opacity var(--durFast) ease,transform var(--durFast) var(--easeOut)}.fret-popover--open{opacity:1;pointer-events:auto;transform:none}.fret-popover__scrim,.fret-popover__grab{display:none}.fret-popover__scrim--on{opacity:1}@media(max-width:640px){.fret-popover__scrim{display:block;position:fixed;inset:0;z-index:39;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity var(--durFast) ease}.fret-popover__scrim--on{pointer-events:auto}.fret-popover{position:fixed;inset:auto 0 0;width:auto;max-height:82dvh;overflow-y:auto;overscroll-behavior:contain;border-radius:20px 20px 0 0;border-bottom:none;padding:0 16px calc(34px + env(safe-area-inset-bottom,0px));box-shadow:var(--shUp);opacity:1;transform:translateY(102%);transition:transform var(--durSheet) var(--easeOut)}.fret-popover--open{transform:none}.fret-popover__grab{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0 6px;position:sticky;top:0;background:var(--body);border:none;z-index:1;cursor:grab;touch-action:none}.fret-popover__grab:before{content:"";width:38px;height:4px;border-radius:999px;background:var(--edge2)}}.fret-popover__row{display:flex;align-items:center;gap:10px;padding:9px 0}.fret-popover__row+.fret-popover__row{border-top:1px solid var(--edge)}.fret-popover__label{font-family:var(--mono);font-size:var(--m2);letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);flex-shrink:0}.fret-popover__value{margin-left:auto;font-family:var(--mono);font-size:var(--m4);letter-spacing:.1em;color:var(--fg2);text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fret-popover__stack{padding:9px 0}.fret-popover__stack+.fret-popover__stack{border-top:1px solid var(--edge)}.fret-popover__stackLabel{font-family:var(--mono);font-size:var(--m2);letter-spacing:.18em;text-transform:uppercase;color:var(--fg3);margin-bottom:8px}.fret-meter{height:3px;background:var(--sunk);border-radius:999px;overflow:hidden;margin-top:7px}.fret-meter__fill{height:100%;background:var(--fg2);border-radius:999px;transition:width var(--durPanel) var(--easeOut)}.fret-admin{margin-top:10px;border:1px solid var(--edge);border-radius:11px;padding:11px;background:var(--sunk)}.fret-admin__head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.fret-admin__dot{width:5px;height:5px;border-radius:999px;background:var(--accent)}.fret-admin__label{font-family:var(--mono);font-size:var(--m2);letter-spacing:.18em;text-transform:uppercase;color:var(--fg3)}.fret-admin__value{font-size:var(--s1);font-weight:500;letter-spacing:-.02em;color:var(--fg)}.fret-admin__sub{font-family:var(--mono);font-size:var(--m2);letter-spacing:.12em;text-transform:uppercase;color:var(--fg3);margin-top:4px}.fret-tray{--tuck: 20px;position:absolute;left:14px;right:14px;top:calc(100% - var(--tuck));padding-top:var(--tuck);z-index:1;background-color:var(--body);background-image:repeating-linear-gradient(94deg,rgba(255,255,255,.055) 0 1px,transparent 1px 5px),repeating-linear-gradient(86deg,rgba(35,33,31,.016) 0 1px,transparent 1px 9px),linear-gradient(180deg,rgba(35,33,31,.03) var(--tuck),transparent 46%);border:1px solid var(--edge);border-top:none;border-radius:0 0 18px 18px;box-shadow:0 18px 34px #23211f21;transform:translateY(-100%);opacity:0;pointer-events:none;transition:transform var(--durTray) var(--easeExit),opacity var(--durFast) ease}.fret-tray--open{transform:translateY(0);opacity:1;pointer-events:auto;transition:transform var(--durTray) var(--easeTray),opacity var(--durFast) ease}:root[data-theme=dark] .fret-tray{background-image:repeating-linear-gradient(94deg,rgba(255,255,255,.02) 0 1px,transparent 1px 5px),repeating-linear-gradient(86deg,rgba(0,0,0,.07) 0 1px,transparent 1px 9px),linear-gradient(180deg,rgba(0,0,0,.2) var(--tuck),transparent 46%);box-shadow:0 18px 34px #00000080}.fret-tray__inner{padding:15px 18px 16px}.fret-tray__pull{height:4px;margin:0 auto 13px;width:44px;border-radius:999px;background:var(--sunk);box-shadow:inset 0 1px 2px #23211f52,0 1px #fffc}:root[data-theme=dark] .fret-tray__pull{box-shadow:inset 0 1px 2px #000c,0 1px #ffffff0d}.fret-tray__mark{margin-top:13px;text-align:right;font-family:var(--mono);font-size:var(--m1);letter-spacing:.28em;text-transform:uppercase;color:var(--fg3);opacity:.55;text-shadow:0 1px 0 rgba(255,255,255,.85)}:root[data-theme=dark] .fret-tray__mark{text-shadow:0 1px 0 rgba(255,255,255,.06)}@keyframes fretTrayRow{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:none}}.fret-tray--open .fret-tray__pull,.fret-tray--open .fret-settings>*,.fret-tray--open .fret-tray__mark{animation:fretTrayRow var(--durBase) var(--easeOut) both}.fret-tray--open .fret-tray__pull{animation-delay:.06s}.fret-tray--open .fret-settings>*:nth-child(1){animation-delay:.12s}.fret-tray--open .fret-settings>*:nth-child(2){animation-delay:.18s}.fret-tray--open .fret-settings>*:nth-child(3){animation-delay:.24s}.fret-tray--open .fret-tray__mark{animation-delay:.3s}@media(max-width:640px){.fret-tray{left:0;right:0;border-radius:0 0 20px 20px}.fret-tray__inner{padding:14px 14px 15px}}.fret-field__wrap{display:flex;align-items:stretch;gap:8px}.fret-field__box{position:relative;flex:1;min-width:0;display:flex}.fret-field__box .fret-field{padding-right:26px}.fret-field--committed{border-color:var(--ok)}.fret-field__tick{position:absolute;right:11px;top:50%;width:9px;height:5px;border-left:1.5px solid var(--ok);border-bottom:1.5px solid var(--ok);transform:translateY(-70%) rotate(-45deg);opacity:0;pointer-events:none;transition:opacity var(--durFast) ease}.fret-field__tick--on{opacity:1}.fret-field__action{flex-shrink:0;min-width:82px;background:var(--body);border:1px solid var(--edge);border-radius:10px;padding:0 10px;font-family:var(--mono);font-size:var(--m2);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);cursor:pointer;white-space:nowrap;transition:color var(--durFast) ease,border-color var(--durFast) ease,background-color var(--durFast) ease,transform var(--durPress) var(--easeSnap)}.fret-field__action:hover:not(:disabled){color:var(--fg);border-color:var(--edge2)}.fret-field__action:active:not(:disabled){transform:translateY(1px);background:var(--sunk)}.fret-field__action:disabled{color:var(--fg3);opacity:.42;cursor:default}.fret-warn{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--durBase) var(--easeOut),opacity var(--durFast) ease}.fret-warn--on{grid-template-rows:1fr;opacity:1}.fret-warn__inner{overflow:hidden;min-height:0}.fret-warn__text{display:flex;align-items:center;gap:6px;padding-top:7px;font-family:var(--mono);font-size:var(--m2);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.fret-warn__dot{width:4px;height:4px;border-radius:999px;background:var(--accent);flex-shrink:0}@media(max-width:640px){.fret-field__action{min-width:68px;border-radius:9px}.fret-segmented__item{padding:7px 4px}.fret-field{padding:9px 11px;border-radius:9px}.fret-row{gap:10px;padding:9px 0}.fret-row__label{width:62px}.fret-tray__inner{padding:12px 14px 13px}}.fret-scrim{position:fixed;inset:0;z-index:50;background:var(--scrim);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity var(--durBase) ease}.fret-scrim--on{opacity:1;pointer-events:auto}.fret-scrim--strong{z-index:65;background:var(--scrimStrong);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.fret-sheet{position:fixed;z-index:60;background:var(--body);display:flex;flex-direction:column;transition:transform var(--durSheet) var(--easeOut)}.fret-sheet{top:0;bottom:0;left:0;width:min(400px,86%);border-right:1px solid var(--edge);box-shadow:var(--shLeft);transform:translate(-102%)}.fret-sheet--open{transform:none}@media(max-width:640px){.fret-sheet{inset:auto 0 0;width:auto;height:78%;border-right:none;border-top:1px solid var(--edge);border-radius:20px 20px 0 0;box-shadow:var(--shUp);transform:translateY(102%)}.fret-sheet--open{transform:none}}.fret-sheet__grab{display:none}@media(max-width:640px){.fret-sheet__grab{display:flex;align-items:center;justify-content:center;width:100%;padding:10px 0 6px;background:none;border:none;cursor:grab;touch-action:none;flex-shrink:0}.fret-sheet__grab:before{content:"";width:38px;height:4px;border-radius:999px;background:var(--edge2)}}.fret-sheet__body{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:20px 18px 24px;display:flex;flex-direction:column;gap:12px}.fret-sheet__body>*{flex-shrink:0}@media(max-width:640px){.fret-sheet__body{padding-top:6px;padding-bottom:calc(40px + env(safe-area-inset-bottom,0px))}}.fret-sheet__head{display:flex;align-items:flex-start;gap:12px}.fret-sheet__title{font-size:var(--s4);font-weight:600;letter-spacing:-.04em}.fret-sheet__subtitle{font-family:var(--mono);font-size:var(--m3);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin-top:5px}.fret-close{width:28px;height:28px;border-radius:999px;border:1px solid var(--edge);background:var(--body);color:var(--fg2);font-size:var(--s3);line-height:1;cursor:pointer;margin-left:auto;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:background var(--durFast) ease}.fret-close:hover{background:var(--sunk)}@media(max-width:640px){.fret-sheet__head .fret-close{display:none}}.fret-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fret-stat{background:var(--sunk);border:1px solid var(--edge);border-radius:12px;padding:11px;min-width:0}.fret-stat__value{font-family:var(--mono);font-size:var(--m6);letter-spacing:-.045em;color:var(--fg);font-variant-numeric:tabular-nums;overflow:hidden;text-overflow:ellipsis}.fret-stat__label{font-family:var(--mono);font-size:var(--m2);letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);margin-top:5px}.fret-listhead{font-family:var(--mono);font-size:var(--m2);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin-top:2px}.fret-list{background:var(--sunk);border:1px solid var(--edge);border-radius:14px;overflow:hidden}.fret-list__row+.fret-list__row{border-top:1px solid var(--edge)}.fret-list__row--leaving{display:grid;grid-template-rows:1fr;animation:fretRowOut var(--durBase) var(--easeExit) both;pointer-events:none}.fret-list__row--leaving .fret-list__rowInner{overflow:hidden;min-height:0}.fret-row__main{display:flex;align-items:center;gap:11px;padding:10px 12px;cursor:pointer;width:100%;background:none;border:none;text-align:left;color:inherit}.fret-tile{position:relative;width:41px;height:41px;border-radius:11px;background:var(--body);border:1px solid var(--edge);display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0}.fret-tile__count{font-family:var(--mono);font-size:var(--m5);letter-spacing:-.04em;color:var(--fg);font-variant-numeric:tabular-nums}.fret-tile__unit{font-family:var(--mono);font-size:var(--m1);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3);margin-top:1px}.fret-tile__lock{position:absolute;top:-5px;right:-5px;width:16px;height:16px;border-radius:999px;background:var(--body);border:1px solid var(--edge);display:flex;align-items:flex-end;justify-content:center;padding-bottom:3px}.fret-tile__lock .fret-lock{width:6px;height:4.5px;border-radius:1.2px}.fret-tile__lock .fret-lock:before{width:3.6px;height:3.4px;border-radius:2px 2px 0 0}.fret-lock{position:relative;width:7px;height:5.5px;border-radius:1.4px;background:var(--fg2)}.fret-lock:before{content:"";position:absolute;left:50%;transform:translate(-50%);bottom:100%;width:4.2px;height:4px;border:1px solid var(--fg2);border-bottom:none;border-radius:2.2px 2.2px 0 0}.fret-row__text{flex:1;min-width:0}.fret-row__title,.fret-row__meta{display:block}.fret-row__title{font-size:var(--s2);font-weight:500;letter-spacing:-.018em;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fret-row__plus{font-family:var(--mono);font-size:var(--m2);letter-spacing:.08em;color:var(--fg3);margin-left:7px}.fret-row__slug{color:var(--fg2);text-transform:none;letter-spacing:.06em}.fret-row__meta{font-family:var(--mono);font-size:var(--m2);letter-spacing:.13em;text-transform:uppercase;color:var(--fg3);margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fret-row__right{display:flex;align-items:center;gap:9px;flex-shrink:0}.fret-row__countdown{font-family:var(--mono);font-size:var(--m2);letter-spacing:.12em;text-transform:uppercase;color:var(--fg3)}.fret-row__countdown--soon{color:var(--accent)}.fret-chevron{color:var(--fg3);font-size:var(--s1);line-height:1;transition:transform var(--durBase) var(--easeSnap)}.fret-chevron--open{transform:rotate(90deg)}.fret-rowdrawer{background:var(--bgHi);transition:height var(--durBase) var(--easeOut),opacity var(--durFast) ease}:root[data-theme=dark] .fret-rowdrawer{background:var(--bg)}.fret-rowdrawer .fret-filelist{margin:0;padding:2px 12px}.fret-rowfiles__waiting{padding:14px 12px;font-family:var(--mono);font-size:var(--m2);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}.fret-rowactions__strip{display:flex;background:var(--body);border-top:1px solid var(--edge)}.fret-rowaction{flex:1;min-width:0;background:none;border:none;border-left:1px solid var(--edge);padding:13px 4px;box-shadow:none;font-family:var(--mono);font-size:var(--m2);letter-spacing:.16em;text-transform:uppercase;color:var(--fg);cursor:pointer;transition:background var(--durFast) ease,color var(--durFast) ease,box-shadow var(--durFast) ease}.fret-rowaction:first-child{border-left:none}.fret-rowaction:hover{background:var(--bodyHi)}.fret-rowaction:active{background:var(--pressed);box-shadow:inset 0 2px 4px #23211f38,inset 0 -1px #ffffff80;color:var(--fg)}:root[data-theme=dark] .fret-rowaction:active{box-shadow:inset 0 2px 4px #0000008c,inset 0 -1px #ffffff0a}.fret-rowaction--confirmed,.fret-rowaction--confirmed:hover{color:var(--ok)}.fret-rowaction--engaged,.fret-rowaction--engaged:hover{background:var(--pressed);box-shadow:inset 0 3px 6px #23211f4d,inset 0 1px 1px #23211f3d,inset 0 -1px #ffffff8c;color:var(--fg);padding-top:14px;padding-bottom:12px}:root[data-theme=dark] .fret-rowaction--engaged,:root[data-theme=dark] .fret-rowaction--engaged:hover{box-shadow:inset 0 3px 7px #000000b3,inset 0 1px 2px #00000080,inset 0 -1px #ffffff0d}.fret-rowaction--danger{color:var(--accent)}.fret-rowaction--danger:hover{background:var(--body);color:var(--accent)}.fret-empty{text-align:center;padding:34px 12px;font-family:var(--mono);font-size:var(--m3);letter-spacing:.16em;text-transform:uppercase;color:var(--fg3)}.fret-modal{position:fixed;z-index:70;top:calc(var(--fret-vvTop, 0px) + var(--fret-vvH, 100dvh) / 2);left:50%;transform:translate(-50%,-50%);transition:left var(--durSheet) var(--easeOut)}.fret-modal--beside-sheet{left:calc(50% + min(400px,86%)/2)}.fret-modal{width:min(376px,calc(100% - 40px));background:var(--body);border:1px solid var(--edge);border-radius:18px;box-shadow:var(--modalShadow);animation:fretModalIn var(--durBase) var(--easeSnap) both;max-height:calc(var(--fret-vvH, 100dvh) - 48px);display:flex;flex-direction:column}@media(max-width:640px){.fret-modal,.fret-modal--beside-sheet{left:50%;transform:translate(-50%,-50%);width:calc(100% - 32px);max-width:400px;max-height:calc(var(--fret-vvH, 100dvh) - 32px)}}.fret-modal__head{padding:18px 18px 14px;border-bottom:1px solid var(--edge);display:flex;align-items:flex-start;gap:12px}.fret-modal__title{font-size:var(--s3);font-weight:600;letter-spacing:-.03em}.fret-modal__meta{font-family:var(--mono);font-size:var(--m3);letter-spacing:.14em;text-transform:uppercase;color:var(--fg3);margin-top:5px}.fret-modal__body{padding:16px 18px;display:flex;flex-direction:column;gap:14px;overflow-y:auto;overscroll-behavior:contain}.fret-modal__field label{display:block;font-family:var(--mono);font-size:var(--m2);letter-spacing:.2em;text-transform:uppercase;color:var(--fg3);margin-bottom:7px}.fret-modal__foot{padding:14px 18px 18px;display:flex;gap:8px;align-items:stretch;border-top:1px solid var(--edge)}.fret-modal__foot .fret-key{flex:1;font-size:var(--s2);padding:13px 16px}.fret-modal--ask{width:min(340px,calc(100% - 40px))}.fret-ask__title{font-size:var(--s3);font-weight:500;letter-spacing:-.012em;color:var(--fg)}.fret-ask__subject{display:flex;flex-direction:column;gap:4px;background:var(--sunk);border:1px solid var(--edge);border-radius:11px;padding:10px 12px;min-width:0}.fret-ask__name{font-size:var(--s2);font-weight:500;letter-spacing:-.018em;color:var(--fg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fret-ask__meta{font-family:var(--mono);font-size:var(--m2);letter-spacing:.13em;text-transform:uppercase;color:var(--fg3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fret-ask__note{font-size:var(--s1);line-height:1.45;color:var(--fg2)}.fret-modal--ask .fret-modal__foot .fret-ask__keep{flex:1}@media(max-width:640px){.fret-modal__head{padding:14px 14px 11px}.fret-modal__body{padding:13px 14px;gap:12px}.fret-modal__field label{margin-bottom:5px}.fret-modal__foot{padding:11px 14px}.fret-modal__foot .fret-key{padding:12px 14px}.fret-modal--ask,.fret-modal--ask.fret-modal--beside-sheet{max-width:340px}}.fret-delete{background:var(--body);border:1px solid var(--edge);border-radius:11px;color:var(--accent);font-size:var(--s1);font-weight:500;padding:13px 16px;cursor:pointer;flex-shrink:0;transition:background var(--durFast) ease}.fret-delete:hover{background:var(--sunk)}.fret-delete--armed{background:var(--accent);border-color:var(--accent);color:var(--bodyHi)}.fret-delete--armed:hover{background:var(--accent);filter:brightness(1.06)}.fret-modal__restore{display:flex;align-items:center;gap:8px;margin-top:8px}.fret-modal__restoreText{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.fret-modal__restoreSlug,.fret-modal__restoreNote{font-family:var(--mono);font-size:var(--m2);letter-spacing:.12em;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fret-modal__restoreSlug{color:var(--fg3)}.fret-modal__restoreName{text-transform:none;letter-spacing:.08em;color:var(--fg)}.fret-modal__restoreNote{color:var(--fg3)}.fret-modal__restoreButton{flex-shrink:0;background:var(--sunk);border:1px solid var(--edge);border-radius:8px;padding:6px 10px;font-family:var(--mono);font-size:var(--m2);letter-spacing:.16em;text-transform:uppercase;color:var(--fg2);cursor:pointer;transition:background var(--durFast) ease,color var(--durFast) ease}.fret-modal__restoreButton:hover{background:var(--body);color:var(--fg)}.fret-sheet__search{border-radius:11px;font-size:var(--m5)}@media(max-width:640px){.fret-sheet__search{padding:10px 12px}.fret-sheet__body{padding-left:14px;padding-right:14px;gap:10px}.fret-row__main{gap:9px;padding:9px 10px}.fret-tile{width:36px;height:36px;border-radius:10px}.fret-rowaction{padding:11px 4px}.fret-stat{padding:9px 10px}}