.fn{--fn-ink:var(--ink);--fn-ink-2:var(--ink-soft);--fn-ink-3:var(--ink-mute);--fn-ink-4:var(--ink-faint);--fn-ink-5:var(--border-strong);--fn-surface:var(--bg-raised);--fn-sunken:var(--bg-sunken);--fn-line:var(--border);--fn-btn:var(--btn-primary,var(--solid));--fn-btn-fg:var(--btn-primary-on,var(--solid-on));--fn-grad:var(--pop-grad,var(--accent));--fn-on-grad:var(--pop-on,var(--accent-on));--fn-glow:var(--pop-glow,0 8px 22px color-mix(in oklch, var(--accent) 26%, transparent));--fn-e1:var(--shadow-md);--fn-e2:var(--pop-shell-shadow,var(--shadow-md));--fn-e3:var(--shadow-lg);--fn-track:color-mix(in srgb, var(--ink) 10%, transparent);--fn-t-pink:var(--tint-pink,color-mix(in oklch, var(--accent) 14%, var(--bg-raised)));--fn-t-lilac:var(--tint-lilac,color-mix(in oklch, var(--aurora-3,var(--accent)) 22%, var(--bg-raised)));--fn-t-sky:var(--tint-sky,color-mix(in oklch, var(--info) 14%, var(--bg-raised)));--fn-t-peach:var(--tint-peach,color-mix(in oklch, var(--warn) 16%, var(--bg-raised)));--fn-t-mint:var(--tint-mint,color-mix(in oklch, var(--good) 14%, var(--bg-raised)));--fn-t-sun:var(--tint-sun,color-mix(in oklch, var(--warn) 24%, var(--bg-raised)));--fn-wash:radial-gradient(90% 34% at 85% -4%, color-mix(in srgb, var(--aurora-3,var(--accent)) 38%, transparent) 0, transparent 70%), radial-gradient(80% 30% at 5% -6%, color-mix(in srgb, var(--aurora-1,var(--accent)) 36%, transparent) 0, transparent 70%);--fn-col:520px;--fn-font:var(--font-sans);color:var(--fn-ink);font-family:var(--fn-font)}.fn-stage{background:var(--fn-wash), var(--bg);background-attachment:fixed;flex-direction:column;min-height:100dvh;display:flex;position:relative}[data-theme^=pop] .fn{--fn-wash:var(--pop-wash)}[data-theme=pop-dark] .fn{--fn-track:#ffffff24;--fn-sunken:var(--bg-inset)}.fn-overlay{z-index:60;-webkit-overflow-scrolling:touch;position:fixed;inset:0;overflow-y:auto}.fn-col{width:100%;max-width:var(--fn-col);flex-direction:column;flex:1;min-height:0;margin:0 auto;display:flex}.fn-screen{flex-direction:column;flex:1;min-height:0;display:flex}.fn-px{padding-left:20px;padding-right:20px}.fn-top{padding:calc(10px + var(--safe-top,env(safe-area-inset-top))) 20px 0;align-items:center;gap:14px;min-height:50px;display:flex}.fn-ib{background:color-mix(in srgb, var(--fn-surface) 72%, transparent);width:40px;height:40px;color:var(--fn-ink);box-shadow:var(--fn-e1);cursor:pointer;border:none;border-radius:50%;flex-shrink:0;place-items:center;transition:transform .16s cubic-bezier(.22,1,.36,1),background-color .2s;display:grid}.fn-ib:hover{transform:translateY(-1px)}.fn-ib:active{transform:scale(.96)}.fn-prog{background:var(--fn-track);border-radius:3px;flex:1;height:6px;overflow:hidden}.fn-prog>i{background:var(--fn-ink);border-radius:3px;height:100%;transition:width .5s cubic-bezier(.22,1,.36,1);display:block}.fn-skip{font:600 14px var(--fn-font);color:var(--fn-ink-3);cursor:pointer;background:0 0;border:none;min-width:36px;padding:10px 2px}.fn-skip:hover{color:var(--fn-ink)}.fn-skip[hidden]{visibility:hidden;display:block!important}.fn-kicker{font:600 12.5px/1.3 var(--fn-font);color:var(--fn-ink-3)}.fn-display{font:700 46px/1.08 var(--fn-font);letter-spacing:-.03em;text-wrap:balance;margin:0}.fn-t1{font:700 30px/1.1 var(--fn-font);letter-spacing:-.025em;text-wrap:balance;margin:0}.fn-t2{font:650 22px/1.22 var(--fn-font);letter-spacing:-.015em;text-wrap:pretty;margin:0}.fn-hl{font:650 17px/1.3 var(--fn-font);letter-spacing:-.01em}.fn-bd{font:400 15px/1.5 var(--fn-font);color:var(--fn-ink-2);text-wrap:pretty;margin:0}.fn-cap{font:500 12.5px/1.35 var(--fn-font);color:var(--fn-ink-3);margin:0}.fn-mi{font:650 11px/1 var(--fn-font);letter-spacing:.07em;text-transform:uppercase;color:var(--fn-ink-3);margin:0}.fn-mark{background:var(--fn-grad);color:var(--fn-on-grad);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:14px;padding:0 10px}@media (min-width:600px){.fn-display{font-size:54px}.fn-t1{font-size:34px}}.fn-btn{width:100%;height:56px;font:600 16px var(--fn-font);background:var(--fn-btn);color:var(--fn-btn-fg);cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s,filter .2s,opacity .2s;display:flex}.fn-btn:hover:not(:disabled){transform:translateY(-1px)}.fn-btn:active:not(:disabled){transform:scale(.98)}.fn-btn.pop{background:var(--fn-grad);color:var(--fn-on-grad);box-shadow:var(--fn-glow)}.fn-btn.pop:hover:not(:disabled){filter:var(--pop-hover-filter,brightness(1.04));box-shadow:var(--pop-glow-hover,var(--fn-glow))}.fn-btn:disabled{background:var(--fn-sunken);color:var(--fn-ink-4);box-shadow:none;cursor:not-allowed}.fn-ghost{width:100%;height:44px;font:600 14.5px var(--fn-font);color:var(--fn-ink-3);cursor:pointer;background:0 0;border:none;place-items:center;margin-top:4px;display:grid}.fn-ghost:hover:not(:disabled){color:var(--fn-ink)}.fn-ghost:disabled{cursor:not-allowed;opacity:.5}.fn :where(button,a,input,[role=radio],[role=checkbox]):focus-visible{outline:2px solid var(--fn-ink);outline-offset:3px}.fn-foot{padding:18px 20px calc(24px + var(--safe-bottom,env(safe-area-inset-bottom)));z-index:4;background:linear-gradient(to bottom, transparent, var(--bg) 26px);margin-top:auto;position:sticky;bottom:0}.fn-foot .fn-cap{text-align:center}.fn-foot>.fn-cap:first-child:last-child{padding-bottom:8px}.fn-signin{text-align:center;font:500 14px var(--fn-font);color:var(--fn-ink-3);margin-top:14px}.fn-link{font:inherit;color:var(--fn-ink);cursor:pointer;text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:3px;background:0 0;border:none;padding:0;font-weight:650;text-decoration-thickness:2px}.fn-card{background:var(--fn-surface);box-shadow:var(--fn-e1);border-radius:24px}.fn-tile{background:var(--fn-sunken);width:44px;height:44px;color:var(--fn-ink);border-radius:15px;flex-shrink:0;place-items:center;display:grid}.fn-tile.dk{background:var(--fn-btn);color:var(--fn-btn-fg)}.fn .t-pink{background:var(--fn-t-pink)}.fn .t-lilac{background:var(--fn-t-lilac)}.fn .t-sky{background:var(--fn-t-sky)}.fn .t-peach{background:var(--fn-t-peach)}.fn .t-mint{background:var(--fn-t-mint)}.fn .t-sun{background:var(--fn-t-sun)}.fn-row{background:var(--fn-surface);box-shadow:var(--fn-e1);text-align:left;color:var(--fn-ink);border-radius:22px;align-items:center;gap:14px;padding:12px 14px 12px 12px;display:flex}.fn-row .tx{flex:1;min-width:0}.fn-row .tx b{font:600 15px/1.3 var(--fn-font);display:block}.fn-row .tx span{font:500 12.5px/1.4 var(--fn-font);color:var(--fn-ink-3);margin-top:2px;display:block}button.fn-row{cursor:pointer;width:100%;font-family:var(--fn-font);border:none}button.fn-row:disabled{cursor:not-allowed;opacity:.6}.fn-chip{height:28px;font:550 12.5px var(--fn-font);white-space:nowrap;background:var(--fn-surface);border:1px solid var(--fn-line);color:var(--fn-ink);border-radius:999px;align-items:center;gap:6px;padding:0 10px;display:inline-flex}.fn-chip.g{background:var(--fn-sunken);border-color:#0000}.fn-chip.v{background:var(--fn-grad);color:var(--fn-on-grad);border-color:#0000}.fn-chip.on{background:var(--fn-btn);color:var(--fn-btn-fg);border-color:var(--fn-btn)}button.fn-chip{cursor:pointer}.fn-on-grad{--fn-ink:var(--fn-on-grad);--fn-ink-2:color-mix(in srgb, var(--fn-on-grad) 82%, transparent);--fn-ink-3:color-mix(in srgb, var(--fn-on-grad) 68%, transparent);color:var(--fn-on-grad)}.fn-qt{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fn-qt>button{background:var(--fn-surface);box-shadow:var(--fn-e1);text-align:left;color:var(--fn-ink);cursor:pointer;font-family:var(--fn-font);border:1.5px solid #0000;border-radius:24px;flex-direction:column;align-items:flex-start;gap:14px;padding:14px 14px 16px;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex}.fn-qt>button:hover{transform:translateY(-1px)}.fn-qt .fn-tile{border-radius:14px;width:40px;height:40px}.fn-qt b{font:650 15px/1.25 var(--fn-font)}.fn-qt b .fn-cap{margin-top:2px;font-weight:500;display:block}.fn-qt>button[aria-checked=true]{background:var(--fn-grad);box-shadow:var(--fn-glow)}.fn-qt>button[aria-checked=true] .fn-tile{color:#0e0e10;background:#ffffffb3}.fn-ol{flex-direction:column;gap:10px;display:flex}.fn-ol>button{background:var(--fn-surface);width:100%;box-shadow:var(--fn-e1);font:600 15.5px/1.3 var(--fn-font);color:var(--fn-ink);text-align:left;cursor:pointer;border:none;border-radius:22px;align-items:center;gap:14px;padding:12px 16px 12px 12px;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:flex}.fn-ol>button:hover{transform:translateY(-1px)}.fn-ol .fn-tile{border-radius:14px;width:40px;height:40px}.fn-ol .lbl{flex:1;min-width:0}.fn-ol .lbl small{font:500 12.5px/1.35 var(--fn-font);color:var(--fn-ink-3);margin-top:2px;display:block}.fn-ol .rd{border:2px solid var(--fn-ink-5);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:22px;height:22px;transition:border-width .15s}.fn-ol>button[aria-checked=true]{background:var(--fn-grad);box-shadow:var(--fn-glow)}.fn-ol>button[aria-checked=true] .fn-tile{color:#0e0e10;background:#ffffffb3}.fn-ol>button[aria-checked=true] .rd{border:7px solid var(--fn-on-grad)}[data-theme=pop-dark] .fn-qt>button[aria-checked=true] .fn-tile,[data-theme=pop-dark] .fn-ol>button[aria-checked=true] .fn-tile{background:#fff9}.fn-pills{flex-wrap:wrap;gap:10px;display:flex}.fn-pill{background:var(--fn-surface);height:46px;box-shadow:var(--fn-e1);font:600 15px var(--fn-font);color:var(--fn-ink);cursor:pointer;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 18px;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .2s;display:inline-flex}.fn-pill:hover{transform:translateY(-1px)}.fn-pill[aria-checked=true]{background:var(--fn-grad);box-shadow:var(--fn-glow);color:var(--fn-on-grad)}.fn-input{background:var(--fn-surface);border:1.5px solid var(--fn-line);width:100%;height:54px;font:500 15px var(--fn-font);color:var(--fn-ink);box-sizing:border-box;border-radius:20px;outline:none;padding:0 16px}.fn-input:focus{border-color:var(--fn-ink)}.fn-input::placeholder{color:var(--fn-ink-4)}.fn-syn-note{background:var(--fn-surface);box-shadow:var(--fn-e1);border-radius:22px;align-items:center;gap:12px;padding:14px 16px;display:flex}.fn-syn-note .fn-bd{color:var(--fn-ink);font-size:14px}.fn-bars{flex-direction:column;gap:14px;display:flex}.fn-bars .br{grid-template-columns:54px 1fr;align-items:center;gap:12px;display:grid}.fn-bars .br>span{font:650 12.5px var(--fn-font);color:var(--fn-ink-3)}.fn-bars .tr{flex-direction:column;gap:5px;display:flex}.fn-bars .tr i{transform-origin:0;border-radius:7px;height:14px;display:block}.fn-cram{background:repeating-linear-gradient(135deg, var(--fn-ink-5) 0 4px, color-mix(in srgb, var(--fn-ink-5) 45%, var(--fn-surface)) 4px 8px)}.fn-bars .tr i.s{background:var(--fn-grad)}.fn-swatch{border-radius:4px;width:12px;height:12px;display:inline-block}.fn-demo{background:var(--fn-surface);box-shadow:var(--fn-e2);border-radius:32px;padding:18px;position:relative;overflow:hidden}.fn-field{background:var(--fn-surface);border:2px solid var(--fn-ink);height:54px;font:500 14px var(--fn-font);color:var(--fn-ink);border-radius:20px;align-items:center;gap:10px;padding:0 8px 0 16px;display:flex}.fn-field .val{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.fn-go{background:var(--fn-grad);width:32px;height:32px;color:var(--fn-on-grad);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.fn-demo-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fn-demo-grid>div{box-sizing:border-box;height:112px;color:var(--fn-ink);border-radius:20px;padding:12px;position:relative}.fn-demo-opt{height:20px;font:600 11px/20px var(--fn-font);color:var(--fn-ink);background:color-mix(in srgb, var(--fn-surface) 88%, transparent);border-radius:6px;padding:0 7px;display:block}.fn-demo-opt.dim{background:color-mix(in srgb, var(--fn-surface) 50%, transparent);color:var(--fn-ink-2);font-weight:500}.fn-caret{background:var(--fn-ink);vertical-align:-2px;width:2px;height:1em;margin-left:2px;animation:1s step-end infinite fn-blink;display:inline-block}@keyframes fn-blink{50%{opacity:0}}.fn-film-stage{display:none}@media (min-width:900px){.fn-demo-beats{display:none}.fn-film-stage{justify-content:center;align-items:center;gap:24px;padding:24px 0 32px;display:flex}}.fn-film{aspect-ratio:16/9;background:var(--fn-surface);width:min(100vw - 80px,177.778dvh - 355.556px);box-shadow:var(--fn-e2);border-radius:28px;flex-shrink:0;position:relative;overflow:hidden}.fn-film video,.fn-film .poster{object-fit:cover;width:100%;height:100%;display:block}.fn-film .poster{background-position:50%;background-size:cover}.fn-film .toggle{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0e0e109e;border:0;border-radius:50%;place-items:center;width:40px;height:40px;transition:background-color .2s;display:grid;position:absolute;bottom:16px;right:16px}.fn-film .toggle:hover{background:#0e0e10d1}.fn-film-cta{width:320px;max-width:100%}.fn-stack{height:340px;margin-top:26px;position:relative}.fn-stack .glow{background:var(--fn-grad);opacity:.28;filter:blur(18px);border-radius:50%;width:320px;height:320px;margin-left:-160px;position:absolute;top:0;left:50%}.fn-stack .back{width:230px;height:222px;box-shadow:var(--fn-e1);border-radius:28px;margin-left:-115px;position:absolute;left:50%}.fn-stack .front{background:var(--fn-surface);width:230px;box-shadow:var(--fn-e3);box-sizing:border-box;border-radius:28px;padding:18px 18px 16px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.fn-stack .syn{z-index:2;position:absolute;top:-6px;left:calc(50% + 80px)}.fn-rows{flex-direction:column;gap:10px;display:flex}.fn-on{background:var(--fn-grad);width:30px;height:30px;color:var(--fn-on-grad);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.fn-ring{background:conic-gradient(from -90deg, var(--aurora-1,var(--accent)) 0, var(--aurora-2,var(--accent)) calc(var(--p) * 0.55%), var(--aurora-3,var(--accent)) calc(var(--p) * 1%), var(--fn-track) calc(var(--p) * 1%));border-radius:50%;place-items:center;width:200px;height:200px;margin:30px auto 0;display:grid}.fn-ring>div{background:var(--bg);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:176px;height:176px;display:flex}.fn-ring b{font:700 22px var(--fn-font);font-variant-numeric:tabular-nums;margin-top:2px}.fn-stp{font:500 14.5px var(--fn-font);color:var(--fn-ink-4);align-items:center;gap:12px;padding:10px 0;display:flex}.fn-stp .d{border:2px solid var(--fn-ink-5);box-sizing:border-box;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;display:grid}.fn-stp.done{color:var(--fn-ink)}.fn-stp.done .d{background:var(--fn-btn);border-color:var(--fn-btn);color:var(--fn-btn-fg)}.fn-stp.act{color:var(--fn-ink);font-weight:650}.fn-stp.act .d{background:var(--fn-grad);border-color:#0000}.fn-cnt{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fn-cnt>div{color:var(--fn-ink);border-radius:24px;padding:16px}.fn-cnt b{font:700 38px/1 var(--fn-font);letter-spacing:-.03em;font-variant-numeric:tabular-nums;margin-top:14px;display:block}.fn-cnt span{font:600 13px var(--fn-font);color:var(--fn-ink-2);margin-top:4px;display:block}.fn-src{grid-template-columns:1fr 1fr;gap:10px;display:grid}.fn-src>button{text-align:left;cursor:pointer;color:var(--fn-ink);font-family:var(--fn-font);border:none;border-radius:24px;padding:16px;transition:transform .16s cubic-bezier(.22,1,.36,1)}.fn-src>button:hover:not(:disabled){transform:translateY(-1px)}.fn-src>button:disabled{cursor:not-allowed;opacity:.6}.fn-src p{font:650 15px var(--fn-font);margin:12px 0 0}.fn-src .fn-cap{color:var(--fn-ink-2);margin-top:2px}.fn-paste{background:var(--fn-surface);box-shadow:var(--fn-e2);border-radius:26px;padding:14px}.fn-paste .fn-field{border-color:var(--fn-line);transition:border-color .15s}.fn-paste .fn-field:focus-within{border-color:var(--fn-ink)}.fn-paste input{min-width:0;height:100%;font:500 15px var(--fn-font);color:var(--fn-ink);background:0 0;border:none;outline:none;flex:1}.fn-paste input::placeholder{color:var(--fn-ink-4)}.fn-err{font:500 13px/1.45 var(--fn-font);color:var(--bad);margin:10px 0 0}.fn-scrim{z-index:70;background:var(--scrim);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.fn-sheet{background:var(--bg);width:100%;max-height:calc(100dvh - 24px);padding:10px 20px calc(24px + var(--safe-bottom,env(safe-area-inset-bottom)));box-shadow:var(--fn-e3);border-radius:36px 36px 0 0;outline:none;overflow-y:auto}.fn-grab{background:var(--fn-ink-5);border-radius:3px;width:40px;height:5px;margin:0 auto 14px}@media (min-width:600px){.fn-scrim{align-items:center;padding:24px}.fn-sheet{border-radius:32px;max-width:440px;padding:28px 28px 24px}.fn-grab{display:none}}.fn-oauth{width:100%;height:56px;font:600 16px var(--fn-font);cursor:pointer;color:var(--fn-ink);border:none;border-radius:999px;justify-content:center;align-items:center;gap:10px;transition:transform .16s cubic-bezier(.22,1,.36,1),opacity .15s;display:flex}.fn-oauth:hover:not(:disabled){transform:translateY(-1px)}.fn-oauth:disabled{opacity:.55;cursor:not-allowed}.fn-oauth.a{background:var(--fn-btn);color:var(--fn-btn-fg)}.fn-oauth.g{background:var(--fn-surface);box-shadow:var(--fn-e1)}.fn-oauth.m{background:var(--fn-sunken)}.fn-gwrap{justify-content:center;min-height:44px;display:flex}.fn-timeline{margin:0;padding:4px 18px;list-style:none}.fn-timeline li{align-items:flex-start;gap:14px;padding:14px 0;display:flex}.fn-timeline li+li{border-top:1px solid var(--fn-line)}.fn-timeline i{box-sizing:border-box;border:2px solid var(--fn-ink-5);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:3px}.fn-timeline li.now i{background:var(--fn-grad);border:none}.fn-timeline b{font:650 15px/1.3 var(--fn-font);display:block}.fn-timeline .fn-cap{margin-top:3px;display:block}.fn-claims{display:none}@media (min-width:900px){.fn-wide{background:var(--bg);flex-direction:row}.fn-wide>.fn-col{box-sizing:border-box;flex:0 0 520px;max-width:520px;height:100dvh;margin:0;padding:0 32px;position:sticky;top:0;overflow-y:auto}.fn-wide .fn-top{padding:32px 0 0}.fn-wide .fn-px{padding-left:0;padding-right:0}.fn-wide .fn-body{justify-content:center;padding:32px 0}.fn-wide .fn-screen{flex:none}.fn-wide .fn-stage-hide{display:none}.fn-wide .fn-display{font-size:56px}.fn-wide .fn-t1{font-size:40px}.fn-wide .fn-foot{background:0 0;flex-wrap:wrap;align-items:center;gap:14px 16px;margin-top:32px;padding:0;display:flex;position:static}.fn-wide .fn-foot .fn-btn{width:auto;min-width:220px;padding:0 30px}.fn-wide .fn-foot .fn-signin{margin:0}.fn-wide .fn-foot>.fn-cap{text-align:left;padding:0}.fn-wide .fn-brand{padding:0;position:absolute;top:40px;left:32px}.fn-wide .fn-qt{grid-template-columns:repeat(3,1fr)}.fn-wide .fn-mix{margin-top:28px!important}.fn-wide .fn-claims{flex-direction:column;gap:12px;margin:30px 0 0;list-style:none;display:flex}.fn-claims li{font:600 15px var(--fn-font);align-items:center;gap:14px;display:flex}.fn-claims .fn-tile{border-radius:13px;width:40px;height:40px}.fn-aside{background:var(--pop-shell-wash,var(--fn-sunken));border-radius:30px;flex:1;place-items:center;min-width:0;height:calc(100dvh - 24px);margin:12px 12px 12px 0;display:grid;position:sticky;top:12px;overflow:hidden}.fn-aside-in{box-sizing:border-box;grid-template-columns:minmax(0,1fr);place-items:center;width:100%;padding:20px;display:grid}.fn-aside-in>.fn-plan,.fn-aside-in>.fn-memory{max-width:100%}}@media (min-width:1200px){.fn-wide>.fn-col{flex-basis:600px;max-width:600px;padding:0 72px}.fn-wide .fn-brand{left:72px}.fn-wide .fn-display{font-size:66px}.fn-wide .fn-t1{font-size:44px}}.fn-collage{flex-shrink:0;width:640px;height:700px;position:relative}@media (max-width:1199px){.fn-collage{margin:-140px -128px;transform:scale(.6)}}@media (max-width:1099px){.fn-collage{margin:-175px -160px;transform:scale(.5)}}@media (min-width:1200px) and (max-height:820px){.fn-collage{margin:-63px -58px;transform:scale(.82)}}.fn-collage>*{position:absolute}.fn-collage b{font:650 15px/1.3 var(--fn-font);display:block}.fn-collage .q{font:650 21px/1.3 var(--fn-font);letter-spacing:-.01em;text-wrap:pretty;margin:14px 0 0}.fn-collage .c-src{box-sizing:border-box;border-radius:22px;align-items:center;gap:12px;width:300px;padding:14px 16px;display:flex;top:40px;left:0;transform:rotate(-3deg)}.fn-collage .c-map{box-sizing:border-box;border-radius:26px;width:280px;height:210px;padding:16px;top:0;right:0;transform:rotate(4deg)}.fn-collage .c-map .nodes{position:absolute;inset:52px 12px 12px}.fn-collage .c-map .n{font:650 12.5px var(--fn-font);color:var(--fn-ink);border-radius:999px;padding:5px 11px;position:absolute}.fn-collage .c-map .n.root{background:var(--fn-btn);color:var(--fn-btn-fg)}.fn-collage .c-card{width:400px;box-shadow:var(--fn-e3);box-sizing:border-box;z-index:2;border-radius:28px;padding:22px;top:175px;left:110px;transform:rotate(-2deg)}.fn-collage .hl{border-bottom:2px solid var(--accent);background:var(--accent-soft,var(--fn-t-peach));border-radius:6px;padding:0 3px}.fn-collage .rate{box-shadow:inset 0 0 0 1px var(--fn-line);background:var(--fn-surface);border-radius:20px;grid-template-columns:repeat(4,1fr);margin-top:16px;padding:4px;display:grid}.fn-collage .rate span{font:650 14px var(--fn-font);border-radius:16px;flex-direction:column;align-items:center;padding:8px 0;display:flex}.fn-collage .rate small{font:550 11px var(--fn-font);color:var(--fn-ink-3);margin-top:2px}.fn-collage .rate .again{color:var(--bad)}.fn-collage .rate .good{background:var(--fn-btn);color:var(--fn-btn-fg)}.fn-collage .rate .good small{color:inherit;opacity:.7}.fn-collage .c-quiz{box-sizing:border-box;border-radius:26px;flex-direction:column;align-items:flex-start;gap:8px;width:260px;padding:18px;display:flex;top:480px;left:10px;transform:rotate(-4deg)}.fn-collage .c-quiz .q{margin:4px 0 2px}.fn-collage .opt{box-sizing:border-box;background:var(--fn-sunken);width:100%;font:550 14px var(--fn-font);color:var(--fn-ink-2);border-radius:14px;align-items:center;gap:8px;padding:10px 14px;display:flex;position:static}.fn-collage .opt.right{background:var(--fn-t-mint);color:var(--fn-ink);font-weight:650}.fn-collage .c-grade{box-sizing:border-box;border-radius:26px;align-items:center;gap:16px;width:300px;padding:18px 20px;display:flex;top:520px;right:0;transform:rotate(3deg)}.fn-collage .c-grade b{font:700 34px/1.1 var(--fn-font);letter-spacing:-.03em}.fn-collage .ring{width:56px;height:56px;font:700 14px var(--fn-font);background:radial-gradient(closest-side, var(--fn-surface) 78%, transparent 80%), conic-gradient(var(--fn-ink) 0 86%, var(--fn-sunken) 86% 100%);border-radius:50%;flex-shrink:0;place-items:center;display:grid;position:static}.fn-collage .c-syn{z-index:3;top:448px;left:300px}.fn-plan{width:440px;max-width:100%;box-shadow:var(--fn-e3);box-sizing:border-box;border-radius:32px;padding:26px 24px 22px}.fn-plan-row{background:var(--fn-sunken);color:var(--fn-ink-4);border:1.5px solid #0000;border-radius:18px;align-items:center;gap:14px;padding:10px 14px 10px 10px;display:flex}.fn-plan-row:not(.full) .fn-tile{background:var(--fn-surface);color:var(--fn-ink-4)}.fn-plan-row b{font:650 15.5px/1.3 var(--fn-font);color:var(--fn-ink);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;display:block;overflow:hidden}.fn-plan-row i{background:var(--fn-track);border-radius:4px;width:46%;height:8px;margin-top:8px;display:block}.fn-plan-row.full{background:var(--fn-surface);box-shadow:var(--fn-e1);color:var(--fn-ink)}.fn-plan-row.full .fn-tile{color:var(--fn-ink)}.fn-plan-row.on{border-color:var(--fn-ink)}.fn-memory{width:560px;max-width:100%;position:relative}.fn-memory .c-syn{position:absolute;top:-80px;right:16px}.fn-legend{align-items:center;gap:8px;display:inline-flex}.fn-legend i{background:var(--fn-ink-5);border-radius:2px;width:18px;height:3px}.fn-legend i.grad{background:var(--fn-grad)}@media (prefers-reduced-motion:reduce){.fn *,.fn :before,.fn :after{transition:none!important;animation:none!important}}