@layer reset,base,components,responsive;@layer reset{*,*:before,*:after{box-sizing:border-box}*{margin:0}button,input,select,textarea{font:inherit}button,fieldset{border:0}fieldset{min-width:0;padding:0}[hidden]{display:none!important}[popover]:not(:popover-open){display:none!important}}@layer base{:root{--buncss-light: ;--buncss-dark:initial;color-scheme:dark;--background:#0b0b10;--surface:#222229;--surface-strong:#222229;--popover:#222229;--control:#7676802e;--line:#ffffff1f;--line-strong:#ffffff38;--highlight:#fff3;--text:#eeeef4;--muted:#a8a8b7;--faint:var(--muted);--accent:#63acff;--accent-text:#63acff;--selected:#007aff24;--primary:#006fe6;--accent-ink:#fff;--danger:#ff453a;--ambient-a:#0a84ff1c;--ambient-b:#5e5ce614;--focus-edge:#6287b3;--focus-glow:#63acff14;--paper-bottom:#d4e1f1;--paper-edge:#9eb7d5;--paper-outline:#b8cee8;--paper-ink:#879fbe;--paper-fold:#6e87a6;--paper-shadow:.32;--shadow:0 14px 40px #0003,inset 0 1px 0 var(--highlight);--radius:1.5rem;--radius-small:.9rem;--page:min(74rem,calc(100% - 2rem));accent-color:var(--accent);font-synthesis:none;text-rendering:optimizeLegibility;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}:root[data-theme=light]{--buncss-light:initial;--buncss-dark: ;color-scheme:light;--background:#f2f2f7;--surface:#ffffff94;--surface-strong:#fffc;--popover:#fafafef5;--control:#ffffff80;--line:#3c3c4324;--line-strong:#3c3c433d;--highlight:#fffffff0;--text:#202027;--muted:#686875;--accent:#007aff;--accent-text:#0065d1;--selected:#e6efff;--accent-ink:#fff;--danger:#ff3b30;--ambient-a:#007aff14;--ambient-b:#5e5ce60d;--focus-edge:#658ab6;--focus-glow:#007aff24;--paper-bottom:#dce6f3;--paper-edge:#8ca4c2;--paper-outline:#9bb1cd;--paper-ink:#7c94b4;--paper-fold:#768ca9;--paper-shadow:.22;--shadow:0 20px 60px #3c3c4324,inset 0 1px 0 var(--highlight)}html{background:var(--background);scroll-behavior:smooth;min-width:320px;min-height:100%}body{color:var(--text);background:radial-gradient(ellipse at 12% -6%,var(--ambient-a),transparent 34rem),radial-gradient(ellipse at 92% 12%,var(--ambient-b),transparent 31rem),var(--background);background-attachment:fixed;min-height:100dvh}body:before{position:fixed;z-index:-1;content:"";pointer-events:none;opacity:.7;filter:blur(32px);background:linear-gradient(135deg,#ffffff0b,#0000 34%),radial-gradient(circle at 50% -15%,#ffffff12,#0000 45%);inset:0}button,input,textarea{-webkit-tap-highlight-color:transparent}label:has(input){-webkit-tap-highlight-color:transparent}button{cursor:pointer}label:has(input){cursor:pointer}button:disabled{cursor:wait}::selection{color:var(--accent-ink);background:var(--accent)}h1{letter-spacing:-.045em;text-wrap:balance}p{text-wrap:pretty}code{color:color-mix(in oklch,var(--accent)78%,var(--text));border:1px solid color-mix(in oklch,var(--accent)28%,var(--line));background:color-mix(in oklch,var(--accent)8%,var(--control));letter-spacing:.06em;border-radius:.42rem;padding:.13rem .38rem;font:700 .88em/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}}@layer components{.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0}.icon-sprite{position:absolute;overflow:hidden;width:0;height:0}.ui-icon,.nav-icon,.icon-button svg{display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.ui-icon{flex:none;width:1rem;height:1rem}.app-header{position:relative;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;width:var(--page);padding-block:max(.6rem,env(safe-area-inset-top)).6rem;isolation:isolate;align-items: center;min-height:6rem;margin-inline-start:auto;margin-inline-end:auto}.brand{display:inline-flex;color:var(--text);text-decoration:none;letter-spacing:-.03em;border-radius:.75rem;flex-direction:column;align-items: center;width:-moz-fit-content;width:fit-content;min-height:2.75rem;padding:2px;font-size:.875rem;font-weight:760;line-height:1}.notes-mark{display:block;overflow:visible;flex:none;width:3rem;height:3rem}.brand .notes-mark{width:3.5rem;height:3.5rem}.app-mark{display:grid;color:var(--accent);background:#007aff0b;border-radius:.75rem;place-items: center;width:2.5rem;height:2.5rem}.app-mark .ui-icon{width:2rem;height:2rem}.top-nav{display:flex;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff1f,transparent 42%),var(--surface);backdrop-filter:blur(30px)saturate(165%);border-radius:999px;gap:.25rem;padding:.3rem}.nav-button,.icon-button{display:grid;color:var(--muted);border-radius:999px;place-items: center;width:2.75rem;min-width:2.75rem;min-height:2.75rem;padding:0;transition:color .18s,background .18s,box-shadow .18s,transform .18s}.nav-button{color:var(--muted);text-decoration:none}.nav-button[aria-current=page]{color:var(--accent);background:linear-gradient(145deg,#ffffff1a,transparent 50%),var(--surface-strong);box-shadow:inset 0 1px 0 var(--highlight),0 .35rem 1rem #0000001f}.nav-icon,.apps-toggle svg{width:1.5rem;height:1.5rem}.apps-toggle{justify-self:end}.apps-panel,.settings-popover{position:fixed;overflow:auto;color:var(--text);border:1px solid var(--line);background:var(--popover);box-shadow:0 16px 45px #0000002e,inset 0 1px var(--highlight);backdrop-filter:blur(24px);animation:.18s unfold;border-radius:1.2rem;width:min(21.25rem,100vw - 1.5rem);max-height:calc(100dvh - 1.5rem);margin:0;padding:1rem;inset:auto}.apps-panel{border-radius:1.45rem;width:min(20rem,100vw - 1.5rem);padding:.75rem}.panel-heading{display:flex;justify-content:space-between;align-items: center;gap:.75rem;min-height:1.5rem;line-height:1.5rem}.panel-heading,.panel-heading h2{font-size:.875rem;font-weight:600}.compact-control{display:grid;color:var(--muted);background:0 0;border-radius:50%;flex:none;place-items: center;width:2.75rem;height:2.75rem;margin:-.625rem;padding:0}.apps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;padding-block-start:.75rem;padding-block-end:1rem}.app-tile{display:flex;color:var(--text);background:0 0;border-radius:1rem;flex-direction:column;justify-content:center;align-items: center;gap:.45rem;min-height:5.25rem;padding:.5rem .25rem;font-size:.75rem}.app-tile[aria-current=page]{background:#007aff0b}.app-tile .app-mark{width:2.75rem;height:2.75rem}.app-tile:disabled{opacity:.42;cursor:default}.app-tile:disabled .app-mark{color:inherit;background:#8e8e9314}.appearance{border-top:1px solid var(--line);padding-top:.625rem}.appearance legend{color:var(--muted);padding-right:.5rem;font-size:.75rem}.appearance-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem}.appearance-choice{position:relative;display:flex;color:var(--muted);border-radius:.75rem;flex-direction:column;align-items: center;gap:.45rem;padding:.625rem .25rem;font-size:.75rem}.appearance-choice input{position:absolute;opacity:0;width:1px;height:1px}.appearance-choice:has(:checked){color:var(--accent-text);background:var(--selected)}.lifecycle-option:has(:checked){color:var(--accent-text);background:var(--selected)}.icon-button{border:1px solid var(--line);background:linear-gradient(145deg,#ffffff1f,transparent 42%),var(--surface);box-shadow:inset 0 1px 0 var(--highlight);backdrop-filter:blur(24px)saturate(150%)}.top-nav,.apps-toggle{box-shadow:inset 0 1px 0 var(--highlight),0 .7rem 2.4rem #00000038}.icon-button:hover{color:var(--text)}.icon-button:active,.button:active{transform:scale(.97)}main{width:var(--page);margin-inline-start:auto;margin-inline-end:auto;padding-block-start:.5rem;padding-block-end:5rem}.screen:not(.is-active){display:none}.workspace{width:min(60rem,100%);margin-inline-start:auto;margin-inline-end:auto}.panel{overflow:clip;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(145deg,#ffffff16,transparent 24%),var(--surface);box-shadow:var(--shadow);backdrop-filter:blur(36px)saturate(135%)}.access-card{container-type:inline-size}.panel-head{display:flex;border-bottom:1px solid var(--line);justify-content:space-between;align-items: flex-start;gap:1.5rem;padding:clamp(1.4rem,3vw,2.2rem)}.panel-head h1{max-width:18ch;font-size:clamp(2.25rem,4vw,3.5rem);line-height:.98}.panel h1[tabindex="-1"]:focus,#opened-screen:focus{outline:none}.privacy-mark{display:grid;border:1px solid color-mix(in oklch,var(--accent)40%,var(--line));color:var(--accent);background:radial-gradient(circle at 35% 25%,var(--highlight),transparent 30%),color-mix(in oklch,var(--accent)12%,var(--control));box-shadow:inset 0 1px 0 var(--highlight);border-radius:50%;flex:none;place-items: center;width:3rem;height:3rem}.form-body{display:grid;gap:1.3rem;padding:clamp(1.25rem,3vw,2rem)}.composer .form-body{gap:.875rem;padding:1rem}.composer .field{gap:.5rem}.label-row.note-heading{justify-content:flex-end}.composer-footer{display:flex;justify-content:space-between;align-items: center;gap:1rem}.composer-footer .button{min-width:8.75rem;min-height:2.75rem;padding:.65rem 1rem}.field{display:grid;gap:.68rem}.label-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.field-label{color:var(--text);font-size:.86rem;font-weight:720}.field-hint{color:var(--faint);font-size:.75rem;line-height:1.4}.note-editor,.word-input,.locator-input,.duration-value,#duration-unit{color:var(--text);border:1px solid var(--line);border-radius:var(--radius-small);outline:none;background:linear-gradient(145deg,#ffffff09,transparent 35%),color-mix(in oklch,var(--surface-strong)70%,transparent);width:100%;transition:border-color .16s,box-shadow .16s,background .16s;box-shadow:inset 0 1px #ffffff0a}textarea{display:block;color:var(--text);border-radius:inherit;outline:none;resize:vertical;background:0 0;border:0;width:100%;height:7.375rem;min-height:7.375rem;padding:1rem;font-size:1rem;line-height:1.6}.locator-input{letter-spacing:.015em;text-transform:uppercase;min-height:3.5rem;padding-inline-start:1rem;padding-inline-end:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:1rem}textarea::placeholder,input::placeholder{color:var(--faint);opacity:1}.code-config{display:grid;gap:.75rem;width:min(32.5rem,100vw - 1.5rem)}.code-label{display:flex;align-items: center;gap:.75rem}.help-copy{color:var(--muted);font-size:.82rem;line-height:1.5}.switch{position:relative;display:inline-grid;cursor:pointer;border-radius:.75rem;flex:none;place-items: center;width:2.75rem;height:2.75rem;margin-block-start:-.625rem;margin-block-end:-.625rem}.switch input{position:absolute;opacity:0;width:1px;height:1px;margin:0}.switch-track{position:relative;border:1px solid var(--line-strong);box-shadow:inset 0 1px 0 var(--highlight),0 .2rem .6rem #0000001a;background:#dcdce6;border-radius:999px;width:38px;height:23px;transition:background .18s,border-color .18s}.switch-track:after{position:absolute;aspect-ratio:1;content:"";background:#fff;border-radius:50%;width:17px;transition:translate .18s cubic-bezier(.2,.8,.2,1);top:2px;box-shadow:0 .12rem .35rem #00000047}.switch-track:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:2px}.switch-track:not(:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:2px}.switch-track:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))):after{left:2px}.switch-track:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:2px}.switch-track:-moz-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:2px}.switch-track:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)):after{right:2px}.switch input:checked+.switch-track{background:var(--primary);box-shadow:inset 0 0 0 1px #ffffff2e,0 .2rem .55rem color-mix(in srgb,var(--accent)16%,transparent);border-color:#0000}.switch input:checked+.switch-track:after{translate:14px}.word-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.generated-code-fields{grid-template-columns:repeat(auto-fit,minmax(9.75rem,1fr))}.word-input{text-align:center;min-width:0;min-height:2.75rem;padding-inline-start:.5rem;padding-inline-end:.5rem}.generated-code-fields .word-input::placeholder{color:var(--muted);opacity:1}.generated-code-fields .word-input:focus::placeholder{color:#0000}.segmented{display:grid;border:1px solid var(--line);background:color-mix(in oklch,var(--background)62%,transparent);border-radius:.8rem;gap:.25rem;padding:.28rem;box-shadow:inset 0 1px #ffffff0a}.segmented label{position:relative;min-width:0}.segmented input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.segmented span{display:grid;color:var(--muted);text-align:center;border-radius:.6rem;place-items: center;min-height:2.55rem;padding:.4rem .6rem;transition:color .16s,background .16s,box-shadow .16s;font-size:.82rem;font-weight:680}.segmented input:checked+span{color:var(--accent-text);background:linear-gradient(145deg,#ffffff1c,transparent 55%),var(--surface-strong);box-shadow:inset 0 1px 0 var(--highlight),0 .22rem .65rem #00000021}.duration-config{display:flex;align-items: center;gap:.5rem;padding-top:.75rem;font-size:.75rem}.duration-value,#duration-unit{border-radius:.5rem;min-height:2.75rem;padding-inline-start:.5rem;padding-inline-end:.5rem;font-size:1rem}.duration-value{width:4.75rem}#duration-unit{width:auto;min-width:0}.lifecycle-options{display:grid;gap:3px}.lifecycle-option{display:flex;border-radius:.55rem;align-items: center;gap:.5rem;min-height:2.75rem;padding-inline-start:.5rem;padding-inline-end:.5rem;font-size:.875rem}#lifecycle-hint{margin-top:.75rem;line-height:1.5}.form-error,.operation-status{min-height:1.15rem;font-size:.82rem;line-height:1.4}.form-error{color:var(--danger)}.form-error:empty,.operation-status:empty{display:none}.operation-status{color:color-mix(in oklch,var(--accent)72%,var(--text))}.button{display:inline-flex;color:var(--text);border:1px solid var(--line);background:linear-gradient(145deg,#ffffff14,transparent 48%),var(--control);box-shadow:inset 0 1px 0 var(--highlight);text-decoration:none;border-radius:.95rem;justify-content:center;align-items: center;gap:.55rem;min-height:3.15rem;padding:.75rem 1.1rem;transition:transform .16s,filter .16s,opacity .16s;font-size:.9rem;font-weight:720}.button-primary{--focus-edge:white;--focus-glow:#ffffff3d;color:var(--accent-ink);background:var(--primary);border-color:#0000;box-shadow:0 3px 10px #007aff20}.button-danger{color:#fff;border-color:color-mix(in oklch,var(--danger)76%,white 10%);background:linear-gradient(145deg,#ffffff2e,transparent 50%),var(--danger);box-shadow:inset 0 1px 0 #ffffff4d,0 .7rem 1.8rem color-mix(in oklch,var(--danger)18%,transparent)}.button:hover{filter:brightness(1.07)}.button-primary:hover{filter:none;background:#005fc7}.button:disabled{opacity:.68;filter:saturate(.7)}.button[aria-busy=true] .button-icon{animation:.9s ease-in-out infinite alternate busy-pulse}.full-width{width:100%}.open-workspace{width:min(56.25rem,100% - 2rem);padding-block-start:6.25rem}.open-workspace .access-card{background:var(--surface);box-shadow:0 14px 44px #20203008,inset 0 1px 0 var(--highlight);border-radius:1.25rem}.open-form{grid-template-columns:7.25rem minmax(0,1fr)2.75rem;align-items: end;gap:1.25rem;padding:1.375rem}.open-form .field{gap:.625rem;min-width:0}.open-form .field-label{color:var(--muted);font-size:.75rem;font-weight:500}.open-form :-webkit-any(.locator-input,.word-input){background:var(--control);border-radius:.625rem;min-height:3rem;padding-inline-start:.8125rem;padding-inline-end:.8125rem}.open-form :-moz-any(.locator-input,.word-input){background:var(--control);border-radius:.625rem;min-height:3rem;padding-inline-start:.8125rem;padding-inline-end:.8125rem}.open-form :is(.locator-input,.word-input){background:var(--control);border-radius:.625rem;min-height:3rem;padding-inline-start:.8125rem;padding-inline-end:.8125rem}.open-form .locator-input{letter-spacing:.06em;text-align:center;width:7.25rem}.open-form .word-input{text-align:start}.open-submit{border-radius:.6875rem;width:2.75rem;min-height:3rem;padding:0}.open-submit .ui-icon{width:1.25rem;height:1.25rem}.open-form :-webkit-any(.form-error,.operation-status){grid-column:1/-1;font-size:.8125rem}.open-form :-moz-any(.form-error,.operation-status){grid-column:1/-1;font-size:.8125rem}.open-form :is(.form-error,.operation-status){grid-column:1/-1;font-size:.8125rem}.open-form .form-error:not(:empty){display:flex;align-items: start;gap:.5rem;line-height:1.5}.open-form .form-error:not(:empty):before{content:"!";text-align:center;border:1px solid;border-radius:50%;flex:0 0 1rem;height:1rem;margin-block-start:.125rem;font-size:.6875rem;line-height:calc(1rem - 2px)}.form-actions,.result-actions{display:grid;gap:.7rem}.result-screen.is-active{display:grid;justify-items:center}.opened-card{display:grid;width:min(67.5rem,100%);margin-inline-start:auto;margin-inline-end:auto}.locator-summary{display:flex;border:1px solid var(--line);border-radius:var(--radius-small);background:var(--control);justify-content:space-between;align-items: center;gap:.8rem;padding:.85rem 1rem}.locator-summary code{font-size:.92rem}.management-locator{display:flex;color:var(--muted);align-items:baseline;gap:.65rem;font-size:.85rem}.opened-text{overflow:auto;color:var(--text);border:1px solid var(--line);background:var(--surface);font:inherit;overflow-wrap:anywhere;text-align:left;white-space:pre-wrap;border-radius:1rem;width:100%;max-height:min(52rem,62dvh);margin-top:0;padding:clamp(1.25rem,3vw,1.75rem);line-height:1.65}.opened-card>.button{width:100%;margin-top:1.45rem}.management-warning{color:color-mix(in oklch,var(--danger)70%,var(--text));border:1px solid color-mix(in oklch,var(--danger)44%,var(--line));background:var(--control);text-align:left;border-radius:.8rem;width:100%;margin-top:1.2rem;padding:.9rem 1rem;font-size:.82rem;line-height:1.5}.management-page-warning{margin-top:0}.management-state{display:grid;gap:1rem}.management-state h2{letter-spacing:-.025em;font-size:1.1rem}.management-state h3{font-size:1rem}.management-state p{color:var(--muted);margin-top:.5rem;font-size:.88rem;line-height:1.55}.management-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.management-summary>div{display:grid;border:1px solid var(--line);background:var(--surface-strong);border-radius:.8rem;gap:.35rem;min-width:0;padding:.9rem 1rem}.management-summary dt{color:var(--faint);text-transform:uppercase;letter-spacing:.06em;font-size:.72rem;font-weight:700}.management-summary dd{color:var(--text);overflow-wrap:anywhere;font-size:.9rem;font-weight:680}.management-confirmation{display:grid;border:1px solid color-mix(in oklch,var(--danger)46%,var(--line));background:color-mix(in oklch,var(--danger)8%,var(--surface-strong));border-radius:.9rem;gap:1rem;padding:1rem}.management-confirmation-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.share-result{width:min(28.5rem,100% - 1rem);transition:width .22s}.share-result:has(#toggle-recipient-qr[aria-expanded=true]){width:min(46.25rem,100% - 1rem)}.share-ticket{display:flex;overflow:clip;background:var(--surface);box-shadow:0 14px 44px #2020300a,inset 0 1px 0 var(--highlight);border-radius:1.125rem;align-items:stretch}.share-main{display:flex;flex-direction:column;flex:1;justify-content:center;min-width:0;padding:1.75rem}.share-ticket .share-ready{display:flex;color:var(--muted);letter-spacing:0;flex-wrap:wrap;align-items: center;gap:.4375rem;max-width:none;font-size:.75rem;font-weight:400;line-height:1.5}.share-ready>.ui-icon{color:var(--accent);width:.9375rem;height:.9375rem}#created-copy-status:not(:empty):before{content:"·";margin-right:.4375rem}.share-id{letter-spacing:.035em;white-space:nowrap;margin-top:1rem;font:500 3.25rem/1.15 ui-monospace,SFMono-Regular,Menlo,monospace}.share-copy-value{display:flex;color:var(--text);font:inherit;letter-spacing:inherit;text-align:left;background:0 0;border:0;border-radius:.25rem;justify-content:space-between;align-items: center;gap:.75rem;width:100%;padding:0}.share-copy-value:hover{color:var(--accent-text)}.share-copy-mark{display:inline-flex;color:var(--text);border:1px solid var(--line);background:var(--control);border-radius:.6875rem;flex:none;justify-content:center;align-items: center;width:2.75rem;height:2.75rem}.share-copy-value:hover .share-copy-mark,.share-actions button:hover{color:var(--accent-text);background:var(--selected)}.share-words{margin-top:.875rem}.share-words .share-label{color:var(--muted);font-size:.6875rem;font-weight:400;line-height:1.5}.share-words .share-copy-value{padding-block-start:.25rem;padding-block-end:.25rem}.share-words .secret-value{color:inherit;flex:1;font-size:1.125rem;line-height:1.6}.share-actions,.share-links{display:flex;align-items: center;gap:.5rem;min-width:0}.share-actions{margin-top:1.625rem}.share-links{flex:1}.share-actions button{display:inline-flex;color:var(--text);border:1px solid var(--line);background:var(--control);white-space:nowrap;border-radius:.6875rem;justify-content:center;align-items: center;gap:.375rem;min-width:0;min-height:2.75rem;padding-inline-start:.4375rem;padding-inline-end:.4375rem;font-size:.75rem;font-weight:550}.share-links button{flex:auto}.share-ticket .ui-icon{flex:none}.share-copy-mark .ui-icon,.share-links .ui-icon{width:1rem;height:1rem}#toggle-recipient-qr{color:var(--muted);flex:none;width:2.75rem;padding:0}#toggle-recipient-qr .ui-icon{width:1.25rem;height:1.25rem}#toggle-recipient-qr:hover,#toggle-recipient-qr[aria-expanded=true]{color:var(--accent-text);background:var(--selected)}#toggle-recipient-qr[aria-expanded=true]{border-color:color-mix(in srgb,var(--accent),transparent 68%)}.share-warning{color:var(--muted);padding:.75rem .25rem 0;font-size:.6875rem;line-height:1.6}.share-result .result-actions{margin-top:1rem}.qr-card{display:grid;border-left:1px dashed var(--line-strong);background:var(--control);text-align:center;flex:0 0 15.25rem;align-content: center;justify-items:center;min-width:0;padding:1.5rem}.recipient-qr{display:block;image-rendering:pixelated;background:#fff;border-radius:.75rem;width:12rem;max-width:100%;height:12rem}.qr-card figcaption{color:var(--muted);margin-top:.625rem;font-size:.75rem;line-height:1.5}.qr-error{margin:0}.share-item{display:grid;border:1px solid var(--line);background:linear-gradient(145deg,#ffffff0b,transparent 55%),var(--control);border-radius:1rem;align-content: start;gap:.9rem;min-width:0;padding:1rem}.share-heading{display:flex;justify-content:space-between;align-items: start;gap:1rem}.share-label{font-size:.82rem;font-weight:760}.copy-button{display:inline-flex;color:var(--muted);border:1px solid var(--line);background:var(--surface-strong);border-radius:.65rem;flex:none;align-items: center;gap:.35rem;min-width:6.25rem;min-height:2rem;padding:.35rem .55rem;font-size:.72rem;font-weight:720}.copy-button:hover{color:var(--text)}.copy-button.is-copied{color:color-mix(in oklch,var(--accent)72%,var(--text));border-color:color-mix(in oklch,var(--accent)42%,var(--line))}.copy-button .ui-icon{width:.92rem;height:.92rem}.secret-value{display:block;color:var(--text);overflow-wrap:anywhere;user-select:all;min-width:0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.84rem;line-height:1.55}.read-code{color:color-mix(in oklch,var(--accent)75%,var(--text))}.destroy-code{color:color-mix(in oklch,var(--danger)62%,var(--text))}.word-input,.read-code,.destroy-code{letter-spacing:0;font:400 1rem/1.4 -apple-system,BlinkMacSystemFont,system-ui,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif}.destroy-access{border-color:color-mix(in oklch,var(--danger)30%,var(--line))}.empty-state{color:var(--muted);border:1px dashed var(--line-strong);border-radius:var(--radius-small);text-align:center;padding:1.4rem}#my-notes-screen .workspace{width:min(65rem,100%)}#my-notes-status:empty,#my-notes-error:empty{display:none}.my-notes-count{color:var(--muted);text-align:right;margin-bottom:.75rem;font-size:.75rem}.my-notes-panel{background:var(--surface);box-shadow:none;backdrop-filter:none}.my-notes-panel .empty-state{border:0;padding:3rem 1.5rem}.note-list{list-style:none;padding:0}.note-list:empty{display:none}.my-notes-columns,.my-note-body{display:grid;grid-template-columns:1.05fr .85fr 1.15fr 1.5fr 3rem;align-items: center;gap:1rem;padding-inline-start:1.5rem;padding-inline-end:1.5rem}.my-notes-columns{color:var(--muted);border-bottom:1px solid var(--line);padding-block-start:1rem;padding-block-end:.8125rem;font-size:.6875rem}.my-notes-columns>:last-child{text-align:right}.my-note-body{min-height:5.8125rem;padding-block-start:1.0625rem;padding-block-end:1.0625rem}.my-note-item+.my-note-item{border-top:1px solid var(--line)}.my-note-copy.share-copy-value{justify-self:start;gap:.75rem;width:max-content;min-height:2.75rem}.my-note-locator{letter-spacing:.055em;font:600 1.0625rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace}.my-note-item:has([data-state=unavailable]) .my-note-copy:not(:hover) .my-note-locator{color:var(--muted)}.my-note-availability,.my-note-lifecycle{display:inline-flex;color:var(--muted);align-items: center;gap:.4375rem}.my-note-availability{white-space:nowrap;font-size:.75rem}.my-note-availability .ui-icon{width:.9375rem;height:.9375rem}.my-note-availability[data-state=available]{color:var(--text)}.my-note-lifecycle,.my-note-deadline{color:var(--muted);font-size:.8125rem}.my-note-deadline>*{display:block}.my-note-expiry{color:var(--text)}.my-note-expiry-time{font-size:.75rem}.my-note-description{grid-column:3/5;color:var(--muted);font-size:.75rem}.my-note-action{display:inline-flex;color:var(--muted);background:0 0;border:0;border-radius:.75rem;justify-content:center;justify-self:end;align-items: center;width:3rem;height:3rem;padding:0}.my-note-action>.ui-icon{width:1.5rem;height:1.5rem}.my-note-action:hover{background:var(--control)}.my-note-action.is-destructive{color:var(--danger)}.my-note-action.is-destructive:hover{background:color-mix(in srgb,var(--danger)8%,transparent)}.my-note-confirmation{display:grid;grid-template-columns:1fr auto;border-top:1px solid var(--line);align-items: center;gap:.25rem 1.25rem;padding:1rem 1.25rem}.my-note-confirmation:has(.my-note-confirm-delete){background:color-mix(in srgb,var(--danger)5%,transparent)}.my-note-confirmation-title{font-size:.8125rem}.my-note-confirmation-copy{grid-column:1;color:var(--muted);font-size:.75rem}.my-note-confirmation-actions{display:flex;grid-column:2;grid-row:1/3;justify-self:end;gap:.5rem}.my-note-confirmation-actions button{border:0;border-radius:.75rem;min-height:2.75rem;padding:0 .8125rem;font-size:.75rem}.my-note-cancel{color:var(--muted);background:0 0}.my-note-cancel:hover{background:var(--control)}.my-note-confirm-remove{color:var(--text);background:var(--control);box-shadow:inset 0 0 0 1px var(--line)}.my-note-confirm-delete{color:#fff;background:#c9322b}.my-note-confirm-delete:hover{background:#b52822}.my-note-message{padding:.75rem 1.25rem;font-size:.75rem}.opened-delete-confirmation{text-align:left;width:100%;margin-top:1rem}.opened-delete-confirmation h2{font-size:1rem}.opened-delete-confirmation p{color:var(--muted);margin-top:.45rem;font-size:.84rem;line-height:1.5}.result-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;margin-top:1.45rem}.result-actions .button:only-child{grid-column:1/-1}.note-editor{--focus-blur:12px;position:relative;background:var(--surface-strong);border-radius:1.375rem;min-width:0}.note-editor-toolbar,.attachment-heading{display:flex;flex-wrap:wrap;justify-content:space-between;align-items: center;gap:.7rem}.note-editor-toolbar{padding:.75rem 1rem 1rem}.attachment-add{display:grid;color:var(--muted);border:1px solid var(--line);background:var(--control);border-radius:50%;place-items: center;width:3rem;height:3rem;margin-right:auto;padding:0}.attachment-add .ui-icon,.settings-toggle svg{width:1.25rem;height:1.25rem}.settings-group{display:flex;border:1px solid var(--line);background:var(--control);border-radius:999px;align-items: center;gap:2px;padding:1px}.settings-toggle{box-shadow:none;backdrop-filter:none;background:0 0;border:0}:where(.settings-toggle,.compact-control,.app-tile):enabled:hover{background:color-mix(in srgb,var(--muted)10%,transparent)}.settings-toggle.is-enabled,.settings-toggle[aria-expanded=true]{color:var(--accent-text);background:var(--selected)}.settings-toggle:disabled{opacity:.5}.attachment-add:hover:not(:disabled){color:var(--text);background:var(--control)}.attachment-add:disabled{opacity:.5}.attachment-drop-overlay{position:absolute;z-index:5;display:grid;color:var(--accent);border:2px solid var(--accent);border-radius:inherit;background:color-mix(in oklch,var(--accent)6%,transparent);pointer-events:none;place-items: center;padding:1rem;inset:0}.attachment-drop-overlay>span{border:1px solid var(--line);background:var(--surface-strong);box-shadow:var(--shadow);border-radius:999px;padding:.7rem 1rem;font-size:.85rem;font-weight:600}.attachment-list{overflow:hidden;border:1px solid var(--line);background:var(--control);list-style:none;border-radius:1rem;min-width:0;margin-top:.7rem;padding:.2rem .8rem}:where(.note-editor)>.attachment-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,176px),1fr));overflow:visible;background:0 0;border:0;border-radius:0;gap:10px;margin:0;padding:0 1rem .75rem}.attachment-list:not(:has(>li)){display:none}.attachment-row{position:relative;display:flex;align-items: center;gap:.3rem;min-width:0}.attachment-row+.attachment-row{border-top:1px solid var(--line)}#create-attachments .attachment-row{display:block;border:1px solid var(--line);background:var(--control);border-radius:.8rem}#create-attachments .attachment-open{display:block;border-radius:.75rem;width:100%;padding:.5rem}#create-attachments .attachment-thumb{border-radius:.5rem;width:100%;height:5.5rem}#create-attachments .attachment-info{display:block;padding:.55rem 2px 2px}#create-attachments .attachment-remove{position:absolute;box-shadow:none;backdrop-filter:none;background:0 0;border:0;top:6px;right:6px}#create-attachments .attachment-remove svg{color:#686875;background:#fffffff0;border-radius:50%;width:26px;height:26px;padding:5px;box-shadow:0 1px 5px #20202718}#create-attachments .attachment-remove:hover svg{background:#e9e9f1}.attachment-open{display:flex;color:var(--text);text-align:left;background:0 0;flex:1;align-items: center;gap:.8rem;min-width:0;padding:.8rem 0}.attachment-open[aria-disabled=true]{cursor:default}.attachment-thumb{position:relative;display:grid;overflow:hidden;color:var(--muted);background:var(--surface-strong);border-radius:.7rem;flex:0 0 48px;place-items: center;width:48px;height:48px}.attachment-thumb img,.attachment-thumb video{object-fit:cover;width:100%;height:100%}.attachment-play{position:absolute;display:grid;color:#fff;text-shadow:0 1px 4px #0007;pointer-events:none;background:#20202733;place-items: center;font-size:1.375rem;inset:0}.attachment-row[data-kind=audio] .attachment-thumb,.media-preview-artwork{color:color-mix(in srgb,var(--accent)25%,var(--muted));background:color-mix(in srgb,var(--accent)8%,var(--surface-strong))}#create-attachments .attachment-thumb>.ui-icon{width:2.125rem;height:1.7rem}.attachment-info{min-width:0}.attachment-name,.attachment-status{display:block}.attachment-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.83rem}.attachment-status{color:var(--muted);font-variant-numeric:tabular-nums;margin-top:.2rem;font-size:.7rem}.attachment-row[data-state=error] .attachment-status{color:var(--danger)}.attachment-progress{position:absolute;accent-color:var(--accent);width:100%;height:3px;bottom:0;left:0}.opened-media{min-width:0;margin-top:1.5rem}.opened-text[hidden]+.opened-media{margin-top:0}.attachment-heading h2{font-size:1rem}.opened-media .attachment-heading h2{font-size:.83rem}#download-all-attachments{box-shadow:none;backdrop-filter:none;background:0 0;border-radius:.7rem;min-height:2.75rem;padding:.6rem .8rem;font-size:.8rem}#opened-attachments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible;background:0 0;border:0;border-radius:0;gap:1.25rem .875rem;margin-top:1rem;padding:0}#opened-attachments .attachment-row{display:block;border:0}#opened-attachments .attachment-open{display:block;border-radius:.875rem;width:100%;padding:0}#opened-attachments .attachment-thumb{aspect-ratio:1.45;border:1px solid var(--line);background-color:var(--surface);border-radius:.875rem;width:100%;height:auto}#opened-attachments [data-kind=image] .attachment-thumb{background-image:conic-gradient(var(--control)25%,transparent 0 50%,var(--control)0 75%,transparent 0);background-size:20px 20px}#opened-attachments .attachment-thumb>.ui-icon{width:3.25rem;height:2.75rem}#opened-attachments .attachment-info{display:block;padding:.625rem 2px 0}#opened-attachments .attachment-name{font-size:.75rem}#opened-attachments .attachment-status{overflow-wrap:anywhere;min-height:2.5em;font-size:.65rem}#opened-attachments :-webkit-any(.attachment-save,.attachment-retry){position:absolute;color:#fff;box-shadow:none;background:#17171cba;border:1px solid #ffffff30;top:.5rem;right:.5rem}#opened-attachments :-moz-any(.attachment-save,.attachment-retry){position:absolute;color:#fff;box-shadow:none;background:#17171cba;border:1px solid #ffffff30;top:.5rem;right:.5rem}#opened-attachments :is(.attachment-save,.attachment-retry){position:absolute;color:#fff;box-shadow:none;background:#17171cba;border:1px solid #ffffff30;top:.5rem;right:.5rem}#opened-attachments .attachment-retry{right:3.75rem}#opened-attachments :-webkit-any(.attachment-save,.attachment-retry):enabled:hover{background:var(--primary)}#opened-attachments :-moz-any(.attachment-save,.attachment-retry):enabled:hover{background:var(--primary)}#opened-attachments :is(.attachment-save,.attachment-retry):enabled:hover{background:var(--primary)}#opened-attachments .attachment-save:disabled{opacity:.5}#opened-attachments .attachment-progress{top:0;bottom:auto}@media (max-width:760px){#opened-attachments{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .625rem}}.media-preview{overflow:auto;color:var(--text);border:1px solid var(--line);border-radius:var(--radius);background:var(--popover);box-shadow:var(--shadow);width:min(47.5rem,100% - 2rem);max-height:calc(100dvh - 2rem);margin:auto;padding:1rem}.media-preview::backdrop{backdrop-filter:blur(8px);background:#1a1a2e77}#media-preview-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}#media-preview-title:focus{outline:none}.media-preview-content{display:grid;grid-template-columns:minmax(0,1fr);place-items: center;gap:.75rem;margin-top:.75rem}.media-preview-content img,.media-preview-content video{object-fit:contain;border-radius:.6rem;width:100%;max-width:100%;max-height:calc(100dvh - 7rem)}.media-preview-content audio{width:100%;height:2.75rem}.media-preview[data-kind=audio]{width:min(30rem,100% - 2rem)}.media-preview-artwork{display:grid;border-radius:.75rem;place-items: center;width:100%;height:6.875rem}.media-preview-artwork .ui-icon{width:70px;height:50px}@keyframes unfold{0%{opacity:0;transform:scale(.96)translateY(5px)}}@keyframes busy-pulse{0%{transform:translate(-.1rem);opacity:.55}to{transform:translate(.1rem);opacity:1}}}@layer responsive{@media (max-width:900px){.open-workspace{max-width:26.25rem;padding-block-start:2.625rem}.open-form{grid-template-columns:minmax(0,1fr)2.75rem;gap:1.375rem .75rem;padding:1.125rem}.open-form .open-id-field{grid-column:1/-1;grid-template-columns:1fr auto;border-bottom:1px solid var(--line);align-items: center;padding-block-end:1.125rem}.open-form .locator-input{min-height:2.625rem}.open-code-field{grid-column:1/-1}.open-form .word-grid{grid-template-columns:1fr;gap:.625rem}.open-form .word-input{min-height:3.125rem}.open-submit{grid-column:2;min-height:2.75rem}}@media (max-width:720px){.panel{backdrop-filter:blur(22px)saturate(125%)}.top-nav{backdrop-filter:blur(20px)saturate(145%)}main{padding-block-start:.125rem;padding-block-end:3rem}.share-result{width:min(28.5rem,100% - 1rem)}.share-result:has(#toggle-recipient-qr[aria-expanded=true]){width:min(28.5rem,100% - 1rem)}.share-ticket{flex-direction:column}.qr-card{border-left:0;border-top:1px dashed var(--line-strong);flex-basis:auto}.share-main{padding:1.5rem}.share-id{font-size:clamp(2.5rem,12vw,3.25rem)}}@media (max-width:850px){.my-notes-columns,.my-note-body{gap:.75rem;padding-inline-start:1.125rem;padding-inline-end:1.125rem}}@media (max-width:700px){#my-notes-screen .workspace{width:calc(100% - 1rem)}.my-notes-columns{display:none}.my-note-body{grid-template-columns:minmax(0,1fr)auto;gap:.3125rem .75rem;padding:1rem 1.125rem}.my-note-availability{justify-self:end;font-size:.6875rem}.my-note-lifecycle{grid-column:1;font-size:.75rem}.my-note-deadline{grid-column:1;margin-top:.4375rem;font-size:.75rem}.my-note-deadline>span:first-child,.my-note-expiry{display:inline}.my-note-expiry-time{display:block;margin-top:.125rem}.my-note-action{grid-column:2;grid-row:2/4;align-self: end}.my-note-description{grid-column:1;grid-row:2}.my-note-item:has([data-state=unavailable]) .my-note-action{grid-row:2}.my-note-confirmation{grid-template-columns:1fr;gap:.25rem;padding:.875rem}.my-note-confirmation-actions{grid-column:1;grid-row:auto;margin-top:.25rem}}@media (max-width:560px){:root{--page:min(100% - 1rem,74rem);--radius:1.15rem}.brand .notes-mark{width:3rem;height:3rem}.panel-head{padding:1.25rem}.panel-head h1{font-size:2.25rem}.privacy-mark{display:none}.form-body{padding:1rem}.open-workspace{width:calc(100% - 1rem)}.open-form{padding:1.125rem}.segmented span{padding-inline-start:.3rem;padding-inline-end:.3rem;font-size:.75rem}.result-actions,.management-summary,.management-confirmation-actions{grid-template-columns:1fr}.result-actions .button:only-child{grid-column:auto}.share-heading{align-items: center}}@media (max-width:650px){.note-editor>.attachment-list{grid-template-columns:repeat(2,minmax(0,1fr));padding-inline-start:.75rem;padding-inline-end:.75rem}textarea{height:10.875rem}.note-editor-toolbar{gap:4px}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}}:where(button,input,select,textarea,a,summary,[tabindex="0"]):focus-visible{outline:1px solid var(--focus-edge);outline-offset:-1px;box-shadow:inset 0 0 var(--focus-blur,8px)var(--focus-glow)}:where(.appearance-choice,.lifecycle-option,.switch,.segmented label):has(>input:focus-visible){outline:1px solid var(--focus-edge);outline-offset:-1px;box-shadow:inset 0 0 var(--focus-blur,8px)var(--focus-glow)}.note-editor:has(>textarea:focus-visible){outline:1px solid var(--focus-edge);outline-offset:-1px;box-shadow:inset 0 0 var(--focus-blur,8px)var(--focus-glow)}.note-editor:has(>textarea:focus-visible){border-color:var(--focus-edge)}:where(.appearance-choice,.lifecycle-option,.switch,.segmented label)>input:focus-visible{outline:none;box-shadow:none}.note-editor>textarea:focus-visible{outline:none;box-shadow:none}@media (forced-colors:active){:where(button,input,select,textarea,a,summary,[tabindex="0"]):focus-visible{outline:2px solid highlight;outline-offset:-2px;box-shadow:none}:where(.appearance-choice,.lifecycle-option,.switch,.segmented label):has(>input:focus-visible){outline:2px solid highlight;outline-offset:-2px;box-shadow:none}.note-editor:has(>textarea:focus-visible){outline:2px solid highlight;outline-offset:-2px;box-shadow:none}.switch input{position:static;opacity:1;appearance:auto;width:20px;height:20px}.switch-track{display:none}}