@layer base,primitives;@font-face{font-family:Fraunces;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/fraunces-var-latin.woff2) format("woff2")}@font-face{font-family:Petrona;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/petrona-var-latin.woff2) format("woff2")}@font-face{font-family:Petrona;font-style:italic;font-weight:100 900;font-display:swap;src:url(/fonts/petrona-var-latin-italic.woff2) format("woff2")}:root{color-scheme:light;--paper: #f4ece0;--paper-2: #eadfcd;--card: #fbf5ea;--sunk: #e8dcc7;--ink: #2e2a22;--ink-soft: #6b6151;--moss: #5c6b45;--moss-mid: #46543a;--moss-deep: #3a4630;--terra: #b5643f;--foxglove: #a9718c;--honey: #d19a3c;--honey-soft: #dfae5c;--patina: #6d8b84;--mushroom: #a08a6f;--lichen: #8ea376;--danger: #9e4430;--accent: var(--honey);--skill-sound: var(--moss);--skill-names: var(--foxglove);--skill-photo: var(--patina);--track: #d8cdb6;--on-dark: #f4ece0;--on-dark-soft: #b7c19c;--on-danger: #f7efe3;--on-accent: #2a1e0c;--moss-pale: #d3dcc0;--on-moss-pale: var(--ink);--hairline: rgba(46, 42, 34, .14);--hairline-strong: rgba(46, 42, 34, .24);--overlay-weak: rgba(255, 255, 255, .08);--overlay-med: rgba(255, 255, 255, .12);--overlay-strong: rgba(255, 255, 255, .18);--chrome: #f4ece0;--font-display: "Fraunces", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-body: "Petrona", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Mono", "Roboto Mono", Menlo, Consolas, monospace;--fvs-display: "opsz" 48, "SOFT" 40, "WONK" 1;--fvs-text: "opsz" 14, "SOFT" 20, "WONK" 0;--radius: 12px;--radius-lg: 18px;--radius-hand: 18px 14px 20px 13px / 14px 19px 12px 18px;--radius-hand-alt: 14px 20px 13px 18px / 19px 13px 18px 14px;--gap: 16px;--pad: 20px;--shadow: 0 1px 2px rgba(46, 42, 34, .1), 0 6px 18px rgba(46, 42, 34, .07);--shadow-press: 0 1px 0 var(--hairline), 0 10px 22px -14px rgba(46, 42, 34, .45);--olive: var(--moss);--olive-mid: var(--moss-mid);--olive-deep: var(--moss-deep);--olive-panel: var(--moss-mid);--ochre: var(--honey);--ochre-soft: var(--honey-soft);--sage: var(--lichen);--sage-ring: var(--track);--cream-card: var(--card);--ring-sound: var(--skill-sound);--ring-names: var(--skill-names);--ring-photo: var(--skill-photo);--ring-track: var(--track)}:root[data-theme=moss]{color-scheme:dark;--paper: #1a1e16;--paper-2: #232819;--card: #2b3122;--sunk: #151812;--ink: #dde3cd;--ink-soft: #97a184;--moss: #7d9159;--moss-mid: #4a5a37;--moss-deep: #38452c;--terra: #b8663d;--foxglove: #c08fa4;--honey: #d4a838;--honey-soft: #e0bb5c;--patina: #6fa295;--mushroom: #b39a7c;--lichen: #9fb283;--danger: #a8523a;--track: #333a27;--on-dark: #dde3cd;--on-dark-soft: #97a184;--on-danger: #f6ece4;--on-accent: #221a08;--moss-pale: #3c4a2c;--on-moss-pale: var(--ink);--hairline: rgba(207, 214, 189, .14);--hairline-strong: rgba(207, 214, 189, .26);--overlay-weak: rgba(255, 255, 255, .06);--overlay-med: rgba(255, 255, 255, .1);--overlay-strong: rgba(255, 255, 255, .15);--chrome: #1a1e16;--shadow: 0 1px 2px rgba(0, 0, 0, .4), 0 6px 18px rgba(0, 0, 0, .32);--shadow-press: 0 1px 0 var(--hairline), 0 10px 22px -14px rgba(0, 0, 0, .8)}@layer base{*{box-sizing:border-box}[hidden]{display:none!important}html,body{margin:0;padding:0;height:100%}html{background:var(--paper);color:var(--ink)}body{background:transparent;font-family:var(--font-body);font-variation-settings:var(--fvs-text);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overscroll-behavior-y:none}h1,h2,h3{font-family:var(--font-display);font-variation-settings:var(--fvs-display);font-weight:600;line-height:1.1}button{font-family:inherit;font-variation-settings:inherit;color:inherit;cursor:pointer}input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}::selection{background:var(--accent);color:var(--on-accent)}#app{max-width:480px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;position:relative}.outlet{flex:1;min-width:0}.notfound{padding:24px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}}@layer base{:root{--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E");--grain-color: #2f2a20;--grain-opacity: .055;--wash-1: rgba(122, 138, 92, .11);--wash-2: rgba(201, 138, 43, .075)}:root[data-theme=moss]{--grain-color: #cfe0b4;--grain-opacity: .038;--wash-1: rgba(70, 102, 58, .24);--wash-2: rgba(130, 88, 34, .14)}html{background-color:var(--paper);background-image:radial-gradient(120% 60% at 12% -8%,var(--wash-1),transparent 60%),radial-gradient(90% 50% at 100% 12%,var(--wash-2),transparent 55%);background-repeat:no-repeat}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--grain-color);opacity:var(--grain-opacity);-webkit-mask-image:var(--grain);mask-image:var(--grain);-webkit-mask-size:160px 160px;mask-size:160px 160px;-webkit-mask-repeat:repeat;mask-repeat:repeat;transform:translateZ(0)}@media(prefers-reduced-transparency:reduce){:root{--grain-opacity: 0}}}@layer primitives{.label{font-family:var(--font-display);font-variation-settings:var(--fvs-text);font-weight:560;font-size:.72em;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}.note{font-family:var(--font-mono);font-size:9px;line-height:1.6;color:var(--ink-soft)}.meta{font-family:var(--font-body);font-size:12.5px;line-height:1.55;color:var(--ink-soft)}.sci{font-style:italic}.icon{display:inline-flex;line-height:0;color:inherit;flex:none}.icon>svg{display:block}.card{background:var(--card);color:var(--ink);border:1.5px solid var(--hairline);border-radius:var(--radius-hand);box-shadow:var(--shadow-press);padding:16px}.card:nth-child(2n){border-radius:var(--radius-hand-alt)}.card--stitched{background:var(--sunk);border-style:dashed;border-color:var(--hairline-strong);box-shadow:none}.panel{background:var(--moss-deep);color:var(--on-dark);border:1.5px solid var(--hairline);border-radius:var(--radius-hand);box-shadow:var(--shadow-press);padding:18px}.panel .label,.panel .meta{color:var(--on-dark-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:none;border:1.5px solid transparent;border-radius:var(--radius);padding:14px 16px;font-family:var(--font-display);font-variation-settings:var(--fvs-text);font-weight:500;font-size:16px;line-height:1.2;color:var(--ink);transition:transform .08s ease,filter .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.55;cursor:default;transform:none}.btn-primary{background:var(--moss-deep);color:var(--on-dark);border-color:var(--moss-deep)}.btn-accent{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.btn-quiet{background:var(--card);color:var(--ink);border-color:var(--hairline-strong)}.btn-danger{background:var(--danger);color:var(--on-danger);border-color:var(--danger)}.btn-sm{padding:10px 14px;font-size:.86em;font-weight:560;letter-spacing:.1em;text-transform:uppercase}.btn-plain{background:none;border:none;padding:6px;color:inherit}.input{width:100%;background:var(--card);color:var(--ink);border:1.5px solid var(--hairline-strong);border-radius:var(--radius);padding:14px;font-family:var(--font-body);font-size:16px}.meter{height:7px;background:var(--track);border-radius:4px;overflow:hidden}.meter>i{display:block;height:100%;width:0;background:var(--accent);transition:width .3s ease}.panel .meter{background:var(--overlay-med)}.chip{display:inline-flex;align-items:center;gap:6px;background:var(--card);border:1.5px solid var(--hairline-strong);border-radius:999px;padding:6px 13px;font-family:var(--font-display);font-weight:600;color:var(--ink)}.rule{height:6px;background:currentColor;opacity:.28;-webkit-mask-image:var(--wavy-rule);mask-image:var(--wavy-rule);-webkit-mask-size:120px 6px;mask-size:120px 6px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x;-webkit-mask-position:center;mask-position:center;border:none}:root{--wavy-rule: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='6' viewBox='0 0 120 6'%3E%3Cpath d='M0 3q7.5-2.6 15 0t15 0q7.5-2.6 15 0t15 0q7.5-2.6 15 0t15 0q7.5-2.6 15 0' fill='none' stroke='%23000' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E")}}