@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Nunito:wght@400;600;700&family=Quicksand:wght@500;600;700&display=swap";:root{--paper-canvas:#faf3e8;--paper-kraft:#c9a96e;--paper-white:#f5f0eb;--paper-sky:#6bafe2;--paper-forest:#3d8b5f;--paper-goldenrod:#e8b84b;--paper-terracotta:#c85a3a;--paper-rose:#d4808a;--paper-navy:#2a3d5c;--paper-sage:#8db48e;--paper-sunset:#e8844a;--paper-lavender:#b8a9d4;--paper-coral:#f0a898;--paper-pine:#2d5e45;--color-confirm:var(--paper-forest);--color-cancel:var(--paper-terracotta);--color-danger:var(--paper-terracotta);--color-accent:var(--paper-goldenrod);--color-neutral:var(--paper-kraft);--paper-surface:var(--paper-white);--paper-text-primary:#2a3d5c;--paper-text-secondary:#5a6475;--paper-text-light:#f5f0eb;--paper-text-dark:#3e4147;--paper-ink:#2a3d5c;--paper-link:#2b6aa0;--paper-edge:#c9a96e99;--shadow-rgb:42, 61, 92;--paper-layer-1:1px 2px 3px rgba(var(--shadow-rgb), .1);--paper-layer-2:2px 3px 6px rgba(var(--shadow-rgb), .12), 1px 1px 3px rgba(var(--shadow-rgb), .08);--paper-layer-3:3px 6px 12px rgba(var(--shadow-rgb), .14), 1px 3px 6px rgba(var(--shadow-rgb), .08);--paper-layer-4:5px 10px 20px rgba(var(--shadow-rgb), .16), 2px 4px 8px rgba(var(--shadow-rgb), .1);--paper-layer-5:7px 14px 28px rgba(var(--shadow-rgb), .2), 3px 6px 12px rgba(var(--shadow-rgb), .1);--text:var(--paper-text-secondary);--text-h:var(--paper-text-primary);--text-d:var(--paper-text-dark);--bg:var(--paper-canvas);--border:var(--paper-edge);--code-bg:var(--paper-white);--accent:var(--paper-terracotta);--accent-bg:#c85a3a1f;--accent-border:#c85a3a80;--social-bg:#f5f0eb80;--shadow:var(--paper-layer-3);--sans:"Nunito", system-ui, "Segoe UI", Roboto, sans-serif;--heading:"Fredoka", "Nunito", system-ui, sans-serif;--ui:"Quicksand", "Nunito", system-ui, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--paper-text-primary);background:var(--paper-canvas);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--paper-canvas:#1d2333;--paper-surface:#2a3148;--paper-text-primary:#ece6dc;--paper-text-secondary:#b5bccb;--paper-link:#8fc3ee;--paper-edge:#c9a96e73;--shadow-rgb:0, 0, 0;--social-bg:#2f303a80}#social .button-icon{filter:invert()brightness(2)}}*{box-sizing:border-box;cursor:default;margin:0;padding:0}input,textarea,[contenteditable=true]{cursor:text}a,a *,button,button *,select,summary,[role=button],label[for]{cursor:pointer}label:has(input[type=checkbox]){cursor:pointer}label:has(input[type=checkbox]) *{cursor:pointer}button:disabled,button:disabled *{cursor:not-allowed}html,body{width:100%;min-height:100%}body{background:var(--paper-canvas);overflow-x:hidden}body:before{content:"";z-index:1000;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}h1,h2,h3{font-family:var(--heading);color:var(--paper-text-primary)}h1{letter-spacing:1.5px;margin:32px 0;font-size:56px;font-weight:700;line-height:1.1}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;font-weight:600;line-height:118%}@media (width<=1024px){h2{font-size:20px}}h3{color:var(--paper-terracotta);font-weight:700}p{margin:0;font-size:2rem;line-height:2.8rem}p,h1,h2,h3{overflow-wrap:anywhere}a{color:var(--paper-link);font-style:italic;font-weight:700}form{gap:8px;margin:0;padding:0;font-size:1.7rem;line-height:1.5rem;display:grid}input,button{margin:4px;font-size:1.5rem}input{padding:8px}input,textarea,select{font-family:var(--sans);color:var(--paper-text-primary);background:var(--paper-surface);border:2px solid var(--paper-edge);border-radius:10px}textarea{padding:8px;font-size:1.5rem}input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--paper-sky);outline-offset:1px}button,.btn{font-family:var(--ui);color:var(--btn-fg,var(--paper-ink));background:var(--btn-bg,var(--paper-white));box-shadow:var(--paper-layer-2);border:none;border-radius:10px;flex-shrink:0;padding:.5rem 1.25rem;font-style:normal;font-weight:600;text-decoration:none;transition:transform .2s;display:inline-block}.confirm{--btn-bg:var(--color-confirm);--btn-fg:var(--paper-text-light)}.cancel{--btn-bg:var(--color-cancel);--btn-fg:var(--paper-text-light)}.danger{--btn-bg:var(--color-danger);--btn-fg:var(--paper-text-light)}.accent{--btn-bg:var(--color-accent)}.neutral{--btn-bg:var(--color-neutral)}.outline{color:var(--btn-bg);box-shadow:inset 0 0 0 2px var(--btn-bg);background:0 0}.outline:hover:not(:disabled){background:var(--btn-bg);color:var(--btn-fg,var(--paper-text-light))}.link,.link:hover:not(:disabled){box-shadow:none;color:var(--paper-link);background:0 0;margin:0;padding:0;font-size:.85rem;text-decoration:underline;transform:none}.icon{justify-content:center;align-items:center;padding:0 8px;line-height:1;display:inline-flex}button:hover:not(:disabled),.btn:hover{box-shadow:var(--paper-layer-4)}button:active:not(:disabled){box-shadow:var(--paper-layer-1);transform:translateY(1px)}button:disabled{opacity:.5;box-shadow:none}button:focus-visible,.btn:focus-visible{outline:3px solid var(--paper-sky);outline-offset:2px}.chip{white-space:nowrap;font-family:var(--ui);color:var(--paper-ink);background:var(--paper-white);border:2px solid var(--paper-edge);box-shadow:var(--paper-layer-1);border-radius:10px;padding:.15rem .9rem;font-weight:600;position:relative}.chip:not(.selected):not([aria-pressed=true]):hover:not(:disabled){background:var(--paper-coral)}.chip:hover:not(:disabled){box-shadow:var(--paper-layer-2)}.chip.selected,.chip[aria-pressed=true]{background:var(--color-accent);box-shadow:var(--paper-layer-3);border-color:#2a3d5c40}.chip input{opacity:0;pointer-events:none;position:absolute}.chip:focus-within{outline:3px solid var(--paper-sky);outline-offset:2px}.panel{background:var(--paper-canvas);box-shadow:var(--paper-layer-2);border-radius:14px;padding:0 1rem}.badge{background:var(--paper-terracotta);color:var(--paper-text-light);border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.divider{border-top:2px dashed var(--paper-edge);padding-top:.75rem}.muted{color:var(--paper-text-secondary);font-size:.9rem}.scroll{padding:4px 8px 10px 4px;overflow-y:auto}.flex{gap:.5rem;min-width:0;display:flex}.flex>button,.flex>img{flex-shrink:0}.col{flex-direction:column}.wrap{flex-wrap:wrap}.center{justify-content:center;align-items:center}.between{justify-content:space-between;align-items:center}summary{font-family:var(--heading);color:var(--paper-text-primary);padding:.7rem 0;font-weight:600;list-style:none}summary::-webkit-details-marker{display:none}summary:after{content:"⌄";color:var(--paper-terracotta);margin-left:auto;transition:transform .15s}details[open]>summary:after{transform:rotate(180deg)}.card{isolation:isolate;background:var(--paper-surface);width:fit-content;color:var(--paper-text-primary);box-shadow:var(--paper-layer-2);border-radius:16px;padding:4%;transition:transform .3s;position:relative}.card.stacked:before,.card.stacked:after{content:"";z-index:-1;background:var(--paper-surface);height:100%;box-shadow:var(--paper-layer-1);border-radius:16px;position:absolute;left:6px;right:6px}.card.stacked:before{opacity:.85;bottom:-7px;transform:rotate(.6deg)}.card.stacked:after{opacity:.65;bottom:-13px;left:12px;right:12px;transform:rotate(-.6deg)}.tag-chip{text-align:center;background:var(--paper-goldenrod);color:var(--paper-ink);box-shadow:var(--paper-layer-2);border-radius:0 0 28px 28px;padding:10px 16px 15px}dialog{background:var(--paper-surface);color:var(--paper-text-primary);box-shadow:var(--paper-layer-5);border:none;border-radius:20px;place-self:center;width:fit-content;max-width:92vw;max-height:85vh;padding:1.5rem;overflow-y:auto}dialog::backdrop{background:#2a3d5c80}#root>header{z-index:50;background:var(--paper-terracotta);box-shadow:var(--paper-layer-4);border-radius:0 0 28px 28px;flex-wrap:wrap;justify-content:space-evenly;align-items:center;gap:1rem;padding:1.25rem 2rem;display:flex;position:sticky;top:0}#root>header[data-hidden=true]{transform:translateY(calc(-100% - 24px))}#root>header h1{letter-spacing:0;color:var(--paper-text-light);text-shadow:2px 3px #2a3d5c33;margin:0;font-size:clamp(1.8rem,4vw,2.8rem)}@media (width<=600px){#root>header{padding:.75rem 1rem}}@media (prefers-reduced-motion:no-preference){#root>header{transition:transform .3s}button:hover:not(:disabled),.btn:hover{transform:translateY(-2px)}.card:hover{transform:translateY(-4px)}.chip:hover:not(:disabled){transform:translateY(-1px)}}
