:root{--bg: #faf8f5;--bg-sunken: #f3efe9;--ink: #141210;--ink-soft: #4a453f;--ink-faint: #8a827a;--rule: #e2dcd3;--rule-strong: #cfc7bb;--accent: #1f5f52;--accent-soft: #e4efeb;--danger: #8a2f24;--field: #ffffff;--flood: #14544a;--flood-crest: #52a893;--flood-ink: #f0f7f4;--flood-ink-soft: #b3d2c9;--flood-ink-faint: #7ba79b;--flood-rule: #2b6d60;--flood-bad: #7c2b21;--drag-bg: #141210;--drag-ink: #faf8f5;--drag-ink-soft: #b8b0a6;--drag-ink-faint: #7f776e;--drag-rule: #35302a;--font-ui: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--step: 8px;--hair: 1px;--radius: 3px;--spring: cubic-bezier(.22, 1, .36, 1)}@media(prefers-color-scheme:dark){:root{--bg: #14120f;--bg-sunken: #1c1916;--ink: #f2ede6;--ink-soft: #b4aca2;--ink-faint: #7c746b;--rule: #2c2822;--rule-strong: #423c34;--accent: #4f9d8b;--accent-soft: #1c2f2a;--danger: #c9705f;--field: #1c1916;--drag-bg: #f7f4ef;--drag-ink: #141210;--drag-ink-soft: #4a453f;--drag-ink-faint: #8a827a;--drag-rule: #ddd6cc}}*{box-sizing:border-box}html,body{margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:none;padding:0}a{color:inherit}::selection{background:var(--accent-soft)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.mono{font-family:var(--font-mono);font-variant-numeric:tabular-nums;font-size:.86em;letter-spacing:-.01em}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:0 16px;border:var(--hair) solid var(--rule-strong);border-radius:var(--radius);background:transparent;color:var(--ink);font-size:15px;transition:border-color .12s ease,background-color .12s ease}.button:hover:not(:disabled){border-color:var(--ink-faint)}.button:disabled{color:var(--ink-faint);cursor:not-allowed}.button--primary{background:var(--ink);border-color:var(--ink);color:var(--bg)}.button--primary:hover:not(:disabled){background:var(--ink-soft);border-color:var(--ink-soft)}.button--quiet{border-color:transparent;color:var(--ink-soft);padding:0 8px}.button--quiet:hover:not(:disabled){color:var(--ink);border-color:transparent;text-decoration:underline;text-underline-offset:3px}.button--danger{color:var(--danger)}.input{width:100%;min-height:44px;padding:0 12px;background:var(--field);border:var(--hair) solid var(--rule-strong);border-radius:var(--radius);color:var(--ink)}.input::placeholder{color:var(--ink-faint)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}.drop{--paper: #fff;--ink: #080808;--quiet: #777;--faint: #b9b9b9;--panel-width: clamp(360px, 41vw, 720px);--panel-motion: cubic-bezier(.2, .78, .22, 1);position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;isolation:isolate;background:var(--paper);color:var(--ink);cursor:copy}.drop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background-image:radial-gradient(circle,#000 0 1.2px,transparent 1.3px);background-size:14px 14px;transition:opacity .3s ease;pointer-events:none}.drop.is-dragging:after{opacity:.032}.session-code{position:absolute;z-index:4;top:clamp(28px,4vw,58px);left:50%;width:min(calc(100vw - 190px),1080px);color:var(--ink);cursor:default;text-align:center;transform:translate3d(-50%,0,0);transition:transform .82s var(--panel-motion);will-change:transform}.is-panel-open .session-code{transform:translate3d(calc(-50% - min(19vw,365px)),0,0)}.session-code__words{position:relative;display:inline-flex;align-items:baseline;justify-content:center;gap:.28em;max-width:100%;color:inherit;font-size:clamp(26px,3.05vw,50px);font-weight:400;line-height:.95;letter-spacing:-.05em;white-space:nowrap;cursor:pointer;transform-origin:center;transition:transform .18s var(--panel-motion),opacity .18s ease}.session-code__words:active{transform:scale(.975)}.session-code__words>span:not(.visually-hidden)+span:not(.visually-hidden):before{content:"·";display:inline-block;margin-right:.28em;font-size:.58em;vertical-align:.14em}.session-code[data-copied=true] .session-code__words{animation:code-copy .62s var(--panel-motion) both}@keyframes code-copy{0%,to{opacity:1}35%{opacity:.2}}.session-code__clock{position:absolute;top:calc(100% + 9px);left:50%;color:var(--quiet);font-size:11px;transform:translate(-50%)}.session-code__message{margin:0;max-width:30ch;margin-inline:auto;font-size:clamp(20px,2.3vw,36px);line-height:1.02;letter-spacing:-.04em}.session-code__loading{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:130px;margin-inline:auto;padding-top:4px}.session-code__loading i{display:block;width:100%;height:4px;background-image:radial-gradient(circle,var(--ink) 0 1.5px,transparent 1.7px);background-size:10px 4px;animation:code-wait 1.8s ease-in-out infinite alternate}.session-code__loading i:nth-child(2){width:76%;animation-delay:-.6s}.session-code__loading i:nth-child(3){width:52%;animation-delay:-1.2s}@keyframes code-wait{0%{opacity:.22;transform:translate(0)}to{opacity:.9;transform:translate(8px)}}.receive-toggle{position:absolute;z-index:8;top:clamp(26px,3.6vw,60px);right:clamp(26px,3.6vw,60px);width:44px;height:44px;color:var(--ink);border-radius:50%;cursor:pointer;transition:transform .36s var(--panel-motion),opacity .18s ease;-webkit-tap-highlight-color:transparent}.receive-toggle:after{content:"";position:absolute;top:2px;right:1px;width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:0;transform:scale(0);transition:opacity .18s ease,transform .36s var(--panel-motion)}.receive-toggle[data-has-files=true]:after{opacity:1;transform:scale(1)}.receive-toggle svg{width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;transition:transform .54s var(--panel-motion)}.receive-toggle:hover{transform:scale(1.07)}.receive-toggle:active{transform:scale(.91);transition-duration:90ms}.is-panel-open .receive-toggle svg{transform:rotate(180deg)}.orb-positioner{position:absolute;z-index:2;left:50%;top:52%;width:min(64vw,76vh,760px);aspect-ratio:1;transform:translate3d(-50%,-50%,0);transform-origin:center;transition:transform .82s var(--panel-motion),opacity .42s ease;will-change:transform}.is-panel-open .orb-positioner{transform:translate3d(calc(-50% - min(19vw,365px)),-50%,0) scale(.78)}.orb-reactor{position:absolute;top:0;right:0;bottom:0;left:0;transform-origin:center;will-change:transform}.orb-ring{display:block;width:100%;height:100%;overflow:visible;fill:var(--ink)}.orb-ring__rotor{transform-origin:50px 50px;animation:orb-rotate 42s linear infinite;will-change:transform}@keyframes orb-rotate{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.orb-ring circle{opacity:.94;transition:opacity .28s ease,r .28s var(--panel-motion)}.orb-ring[data-active=true] circle{opacity:.16}.orb-ring[data-active=true] circle.is-complete{opacity:1}.orb-ring[data-failed=true] circle:nth-child(3n){opacity:.14}.is-dragging .orb-ring circle{opacity:1}.orb-content{position:absolute;top:16%;right:16%;bottom:16%;left:16%;display:grid;place-items:center;text-align:center;pointer-events:none}.orb-prompt,.orb-readout{grid-area:1 / 1;margin:0;animation:orb-copy-in .36s var(--panel-motion) both}.orb-prompt{font-size:clamp(21px,2vw,34px);line-height:1;letter-spacing:-.045em}.orb-readout{color:var(--quiet);font-size:clamp(11px,1.05vw,14px);transition:opacity .12s ease,transform .18s var(--panel-motion)}.orb-readout[data-suppressed=true]{opacity:0;transform:scale(.96)}@keyframes orb-copy-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.orb-mark{grid-area:1 / 1;width:18%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.orb-mark path{stroke-dasharray:82;animation:mark-draw .56s var(--panel-motion) .15s both}@keyframes mark-draw{0%{stroke-dashoffset:82;opacity:0}to{stroke-dashoffset:0;opacity:1}}.orb-faults{grid-area:1 / 1;align-self:end;margin:0 0 12%;padding:0;max-width:42ch;list-style:none;color:var(--ink);font-size:clamp(10px,.9vw,12px);line-height:1.45;overflow-wrap:anywhere}.receive-panel{position:absolute;z-index:5;top:clamp(112px,12vh,150px);right:clamp(28px,4vw,72px);bottom:clamp(28px,4vw,72px);width:var(--panel-width);display:grid;grid-template-rows:auto 1fr;min-height:0;padding:clamp(26px,3vw,48px);border:3px dotted var(--ink);background:var(--paper);opacity:0;visibility:hidden;transform:translate3d(calc(100% + 90px),0,0) scale(.96);transform-origin:right center;transition:transform .82s var(--panel-motion),opacity .36s ease,visibility 0s linear .82s;will-change:transform,opacity;cursor:default}.is-panel-open .receive-panel{opacity:1;visibility:visible;transform:translateZ(0) scale(1);transition:transform .82s var(--panel-motion),opacity .36s ease 80ms,visibility 0s}.receive-panel__header{display:flex;align-items:baseline;justify-content:space-between;padding-bottom:clamp(24px,3vh,42px);font-size:clamp(22px,2.2vw,34px);line-height:1;letter-spacing:-.045em}.receive-panel__header .mono{color:var(--quiet);font-size:11px;letter-spacing:0}.receive-panel__empty{place-self:center;margin:0;color:var(--quiet);font-size:13px;letter-spacing:.01em}.receive-list{min-height:0;margin:0;padding:0;overflow-y:auto;list-style:none;scrollbar-width:thin;scrollbar-color:var(--ink) transparent}.receive-file{display:grid;grid-template-columns:1fr 38px;min-height:92px;margin-bottom:15px;border:3px dotted var(--ink);opacity:1;overflow:hidden;animation:receive-file-in .62s var(--panel-motion) both}@keyframes receive-file-in{0%{opacity:0;transform:translate3d(22px,0,0) scale(.985)}to{opacity:1;transform:translateZ(0) scale(1)}}.receive-file[data-removing=true]{pointer-events:none;animation:receive-file-out .34s cubic-bezier(.78,0,.8,.22) both}@keyframes receive-file-out{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(22px,0,0) scale(.985)}}.receive-file__download{display:flex;align-items:center;justify-content:space-between;gap:22px;min-width:0;padding:19px 8px 19px 24px;color:var(--ink);text-decoration:none;transition:opacity .16s ease,transform .18s var(--panel-motion)}.receive-file__details{display:flex;flex-direction:column;min-width:0;gap:5px}.receive-file__name{overflow:hidden;font-size:clamp(15px,1.35vw,21px);line-height:1.1;letter-spacing:-.025em;text-overflow:ellipsis;white-space:nowrap}.receive-file__size{color:var(--quiet);font-size:10px}.receive-file__action{flex:0 0 auto;font-size:clamp(13px,1.15vw,17px);font-weight:600;letter-spacing:-.02em}.receive-file__download:hover{opacity:.52}.receive-file__download:active{transform:scale(.985)}.receive-file__remove{align-self:center;width:28px;height:28px;border:2px dotted transparent;border-radius:50%;color:var(--quiet);font-size:20px;line-height:1;cursor:pointer;transition:color .16s ease,border-color .16s ease,transform .16s var(--panel-motion)}.receive-file__remove:hover{color:var(--ink);border-color:var(--ink)}.receive-file__remove:active{transform:scale(.86)}.folder-pick{position:absolute;z-index:4;left:clamp(28px,4.2vw,72px);bottom:clamp(24px,3.6vw,54px);padding:6px 0;color:var(--quiet);font-size:12px;letter-spacing:.06em;cursor:pointer;transition:color .16s ease,transform .16s var(--panel-motion)}.folder-pick:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:3px;opacity:0;background-image:radial-gradient(circle,currentColor 0 1.1px,transparent 1.2px);background-size:8px 3px;transition:opacity .16s ease}.folder-pick:hover{color:var(--ink)}.folder-pick:hover:after{opacity:1}.folder-pick:active{transform:scale(.94)}.drop__turnstile:not(:empty){position:absolute;z-index:9;left:50%;top:50%;width:min(300px,calc(100vw - 56px));transform:translate3d(-50%,-50%,0);transition:opacity .18s ease,visibility 0s linear .18s}.drop__turnstile[data-verified=true]:not(:empty){opacity:0;visibility:hidden;pointer-events:none}.drop :focus-visible{outline-color:var(--ink)}@media(max-width:1050px){.drop{--panel-width: min(44vw, 460px)}.orb-positioner{width:min(61vw,72vh,660px)}.is-panel-open .orb-positioner{transform:translate3d(calc(-50% - 20vw),-50%,0) scale(.7)}.receive-panel{padding:28px}.receive-file{grid-template-columns:1fr 34px;min-height:78px}.receive-file__download{padding-left:18px;gap:14px}.is-panel-open .session-code{transform:translate3d(calc(-50% - 20vw),0,0)}.is-panel-open .session-code__words{font-size:clamp(23px,3vw,32px)}}@media(max-width:720px){.session-code{top:30px;width:calc(100vw - 132px)}.session-code__words{gap:.2em;font-size:clamp(18px,4.6vw,28px)}.session-code__words>span:not(.visually-hidden)+span:not(.visually-hidden):before{margin-right:.2em}.is-panel-open .session-code{transform:translate3d(-50%,0,0)}.orb-positioner{top:57%;width:min(86vw,67vh)}.is-panel-open .orb-positioner{opacity:.14;transform:translate3d(-72%,-68%,0) scale(.7)}.receive-panel{top:25vh;right:20px;bottom:20px;width:calc(100vw - 40px);padding:24px}.receive-panel__header{padding-bottom:24px}.receive-file__action{display:none}.folder-pick{bottom:20px}}@media(max-height:620px)and (min-width:721px){.orb-positioner{width:min(55vw,78vh)}.receive-panel{top:86px;bottom:22px}.session-code__words{font-size:clamp(22px,4.5vh,34px)}}@media(prefers-reduced-motion:reduce){.orb-ring__rotor{animation:none}.orb-positioner,.receive-panel{transition-property:opacity,visibility;transform:translate3d(-50%,-50%,0)}.is-panel-open .orb-positioner{opacity:.16;transform:translate3d(-50%,-50%,0)}.is-panel-open .receive-panel{transform:none}}@media(prefers-contrast:more){.orb-ring circle{opacity:1}.receive-panel,.receive-file{border-style:solid}}.app{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.app__bar{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:var(--hair) solid var(--rule);padding-top:env(safe-area-inset-top)}.app__nav{display:flex;max-width:720px;margin:0 auto;width:100%}.app__tab{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:48px;color:var(--ink-faint);font-size:15px;border-bottom:2px solid transparent;margin-bottom:-1px}.app__tab.is-current{color:var(--ink);border-bottom-color:var(--ink)}.app__count{min-width:20px;padding:1px 5px;border-radius:10px;background:var(--accent);color:#fff;font-size:11px;line-height:1.5}@media(prefers-color-scheme:dark){.app__count{color:#0f1512}}.app__body{flex:1;width:100%;max-width:720px;margin:0 auto;padding:0 16px calc(56px + env(safe-area-inset-bottom))}.pane{padding-top:12px}.pane__empty{padding:96px 0;text-align:center;color:var(--ink-faint);font-size:15px}.pane__error{margin:12px 0;color:var(--danger);font-size:13px}.cards{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}.swipe{position:relative;overflow:hidden;border-bottom:var(--hair) solid var(--rule)}.swipe__rail{position:absolute;top:0;bottom:0;display:flex;align-items:center;padding:0 20px;font-size:13px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint);pointer-events:none}.swipe__rail--keep{left:0;color:var(--accent)}.swipe__rail--discard{right:0;color:var(--danger)}.swipe__card{position:relative;background:var(--bg);touch-action:pan-y;will-change:transform;cursor:grab}.swipe.is-dragging .swipe__card{cursor:grabbing}.card{display:grid;grid-template-columns:56px 1fr;grid-template-areas:"thumb body" "actions actions";gap:4px 14px;align-items:start;border-left:2px solid var(--accent);padding:16px 4px 16px 14px}.thumb{grid-area:thumb;width:56px;height:56px;object-fit:cover;border-radius:var(--radius);background:var(--bg-sunken);display:flex;align-items:center;justify-content:center}.thumb--empty{color:var(--ink-faint);font-size:11px;text-transform:lowercase}.card__body{grid-area:body;min-width:0}.card__name{margin:0;font-size:16px;font-weight:500;line-height:1.3;overflow-wrap:anywhere}.card__path{color:var(--ink-faint);font-weight:400}.card__facts{margin:4px 0 0;color:var(--ink-soft);font-size:12px}.card__origin{margin:2px 0 0;color:var(--ink-faint);font-size:12px}.card__warning{margin:6px 0 0;color:var(--danger);font-size:12px}.card__actions{grid-area:actions;display:flex;justify-content:flex-end;gap:4px;margin-top:6px}@media(pointer:coarse){.card__actions{opacity:.6}}.undo{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom));transform:translate(-50%);z-index:40;display:flex;align-items:center;gap:20px;max-width:calc(100vw - 32px);padding:12px 16px;background:var(--ink);color:var(--bg);border-radius:var(--radius);font-size:14px}.undo span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.undo__button{color:var(--bg);text-decoration:underline;text-underline-offset:3px;flex:0 0 auto}.library__controls{display:flex;flex-direction:column;gap:10px;padding-bottom:12px}.library__kinds{display:flex;gap:6px;flex-wrap:wrap}.chip{padding:5px 12px;border:var(--hair) solid var(--rule-strong);border-radius:999px;color:var(--ink-soft);font-size:13px}.chip.is-on{border-color:var(--ink);color:var(--ink)}.rows{list-style:none;margin:0;padding:0}.row{display:grid;grid-template-columns:auto 44px 1fr auto;align-items:center;gap:12px;padding:12px 2px;border-bottom:var(--hair) solid var(--rule);cursor:pointer}.row.is-selected{background:var(--bg-sunken)}.row .thumb{width:44px;height:44px}.row__check{width:18px;height:18px;accent-color:var(--ink)}.row__body{min-width:0;display:flex;flex-direction:column}.row__name{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__path{color:var(--ink-faint)}.row__facts{color:var(--ink-faint);font-size:12px}.library__more{width:100%;margin-top:16px}.library__total{margin:16px 0 0;color:var(--ink-faint);font-size:12px;text-align:center}.actionbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;max-width:720px;margin:0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));background:var(--bg);border-top:var(--hair) solid var(--rule-strong);color:var(--ink-soft);font-size:13px}.actionbar__buttons{display:flex;gap:4px}.push__head{display:flex;gap:8px;padding-bottom:12px;border-bottom:var(--hair) solid var(--rule)}.push__code{flex:1;font-size:16px}.push__status{margin:12px 0 0;color:var(--accent);font-size:13px}.push__status.is-error{color:var(--danger)}.settings__block{padding:24px 0;border-bottom:var(--hair) solid var(--rule)}.settings__block:last-child{border-bottom:none}.settings__title{margin:0 0 10px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.settings__hint{margin:0 0 12px;color:var(--ink-soft);font-size:14px}.settings__row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings__ttl{width:96px}.settings__field{display:flex;flex-direction:column;gap:4px}.settings__fieldlabel{color:var(--ink-faint);font-size:11px}.facts{margin:0;font-size:13px}.facts>div{display:flex;justify-content:space-between;gap:16px;padding:6px 0;border-bottom:var(--hair) solid var(--rule)}.facts>div:last-child{border-bottom:none}.facts dt{color:var(--ink-faint)}.facts dd{margin:0}.devices{list-style:none;margin:0 0 16px;padding:0}.devices__item{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:var(--hair) solid var(--rule)}.devices__name{font-size:15px}.devices__tag{color:var(--ink-faint);font-size:11px}.devices__meta{grid-column:1;color:var(--ink-faint);font-size:12px}.devices__item .button{grid-row:1 / span 2;grid-column:2}.pairing{display:flex;align-items:baseline;gap:12px}.pairing__code{font-size:24px;letter-spacing:.06em}.pairing__clock{color:var(--ink-faint);font-size:13px}.gate{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px}.gate__form{width:100%;max-width:320px;display:flex;flex-direction:column;gap:8px}.gate__label{font-size:13px;color:var(--ink-faint)}.gate__label:not(:first-child){margin-top:12px}.gate__code{font-size:20px;letter-spacing:.08em;text-transform:uppercase}.gate__error{color:var(--danger);font-size:13px}.gate__form .button{margin-top:16px}@media(min-width:720px){.card{grid-template-columns:72px 1fr auto;grid-template-areas:"thumb body actions";align-items:center}.card__actions{margin-top:0}.thumb{width:72px;height:72px}}