:root{--font-ui:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;--font-emotional:"Caveat", cursive;--stone-50:#fafaf9;--stone-100:#f5f5f4;--stone-200:#e7e5e4;--stone-300:#d6d3d1;--stone-400:#a8a29e;--stone-500:#78716c;--stone-600:#57534e;--stone-700:#44403c;--stone-800:#292524;--stone-900:#1c1917;--stone-950:#0c0a09;--page-bg:var(--stone-50);--header-bg:var(--stone-100);--text:var(--stone-700);--text-muted:var(--stone-400);--text-heading:var(--stone-600);--text-placeholder:var(--stone-300);--surface:#fff9;--surface-hover:#fffc;--surface-solid:#fff;--surface-bubble:#ffffffb3;--control-bg:#fffc;--border:var(--stone-200);--border-control:var(--stone-300);--border-control-hover:var(--stone-400);--control-text:var(--stone-600);--control-text-hover:var(--stone-700);--focus-border:var(--stone-400);--focus-ring:var(--stone-300);--seg-active-bg:var(--stone-200);--seg-active-text:var(--stone-800);--seg-text:var(--stone-500);--seg-text-hover:var(--stone-700);--btn-bg:var(--stone-900);--btn-text:#fff;--footer-text:var(--stone-300);--footer-link:var(--stone-500);--footer-link-hover:var(--stone-700);--footer-underline:var(--stone-300);--footer-underline-hover:var(--stone-500);--check-bg:#fff;--check-border:var(--stone-300);--check-border-hover:var(--stone-400);--quest-done-bg:#ede9fecc;--quest-done-bg-hover:#ede9fe;--quest-done-border:#c4b5fd;--quest-done-shadow:#ddd6fe99;--notice-bg:#f5f3ffb3;--notice-border:#ddd6fe;--error:#e11d48;--ad-bg:var(--stone-100);--ad-border:var(--stone-300);--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a}html.dark{--page-bg:var(--stone-950);--header-bg:var(--stone-900);--text:var(--stone-200);--text-muted:var(--stone-500);--text-heading:var(--stone-400);--text-placeholder:var(--stone-600);--surface:#29252499;--surface-hover:var(--stone-800);--surface-solid:var(--stone-800);--surface-bubble:#292524b3;--control-bg:#292524cc;--border:var(--stone-700);--border-control:var(--stone-600);--border-control-hover:var(--stone-500);--control-text:var(--stone-300);--control-text-hover:var(--stone-200);--focus-border:var(--stone-500);--focus-ring:var(--stone-600);--seg-active-bg:var(--stone-700);--seg-active-text:var(--stone-100);--seg-text:var(--stone-400);--seg-text-hover:var(--stone-200);--btn-bg:var(--stone-100);--btn-text:var(--stone-900);--footer-text:var(--stone-600);--footer-link:var(--stone-400);--footer-link-hover:var(--stone-200);--footer-underline:var(--stone-600);--footer-underline-hover:var(--stone-400);--check-bg:var(--stone-800);--check-border:var(--stone-600);--check-border-hover:var(--stone-500);--quest-done-bg:#4c1d9566;--quest-done-bg-hover:#4c1d9580;--quest-done-border:#7c3aed;--quest-done-shadow:#2e10654d;--notice-bg:#2e10654d;--notice-border:#5b21b6;--error:#fb7185;--ad-bg:var(--stone-900);--ad-border:var(--stone-700)}*{box-sizing:border-box}body,html{background-color:var(--page-bg);min-height:100%;margin:0;font-size:16px;transition:background-color .2s}body{color:var(--stone-800);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}body,button,input,select,textarea{font-family:var(--font-ui)}button{cursor:pointer;border-radius:8px;padding:10px 16px;font-size:14px;font-weight:500;line-height:20px}button:disabled{cursor:not-allowed;opacity:.6}.navbar-wrap{z-index:10;background:var(--header-bg);width:100%;padding:12px 0;position:sticky;top:0}.navbar{border-radius:0 0 12px 12px;grid-template-areas:"start end""title title";align-items:center;max-width:1280px;margin:0 auto;padding:0 16px;display:grid}.navbar-start{grid-area:start}.navbar-end,.navbar-start{gap:8px;padding-bottom:8px;display:flex}.navbar-end{grid-area:end;justify-content:flex-end;align-items:center}.navbar-center{grid-area:title;justify-content:center;font-weight:500;display:flex}.navbar h1{text-align:center;letter-spacing:-.025em;color:var(--text);margin:0;font-size:24px;font-weight:700;line-height:32px}.lang-toggle{border:1px solid var(--border-control);background:var(--control-bg);border-radius:8px;gap:4px;height:40px;padding:4px}.lang-toggle,.lang-toggle button{align-items:center;display:inline-flex}.lang-toggle button{width:40px;height:32px;color:var(--seg-text);letter-spacing:.01em;background:0 0;border:0;justify-content:center;padding:0;font-size:14px;line-height:1;transition:color .15s,background-color .15s}.lang-toggle button:hover{color:var(--seg-text-hover)}.lang-toggle button[aria-pressed=true]{background:var(--seg-active-bg);color:var(--seg-active-text)}.icon-btn{border:1px solid var(--border-control);background:var(--control-bg);width:38px;height:38px;color:var(--control-text);flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:border-color .15s,color .15s;display:flex}.icon-btn:hover{border-color:var(--border-control-hover);color:var(--control-text-hover)}.btn-outline{border:1px solid var(--border-control);background:var(--control-bg);min-height:38px;color:var(--control-text);line-height:1;transition:border-color .15s,color .15s}.btn-outline:hover{border-color:var(--border-control-hover);color:var(--control-text-hover)}:is(button,a):focus-visible{outline-offset:2px;outline:2px solid #8b5cf6}.lang-toggle button:focus-visible{box-shadow:0 0 0 1px var(--header-bg),0 0 0 3px #8b5cf6;outline:none}.layout{justify-content:center}.layout,.page{gap:24px;display:flex}.page{flex-direction:column;flex:1;justify-content:space-between;min-width:0;max-width:1024px;padding:16px}h2{text-transform:uppercase;letter-spacing:.05em;color:var(--text-heading);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:600;line-height:24px}h2,section{display:flex}section{flex-direction:column;gap:12px}.dot{border-radius:50%;width:12px;height:12px;display:inline-block}.dot-green{background:#34d399}.dot-red{background:#fb7185}.dot-violet{background:#8b5cf6}.dot-amber{background:#fbbf24}.hint{text-align:center;color:var(--text-muted);margin:0;font-size:14px;line-height:20px}.hint[hidden]{display:none}.quote{border:1px solid var(--border);background:var(--surface-bubble);width:100%;max-width:672px;box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:12px;align-items:center;gap:16px;margin:0 auto;padding:16px 20px;display:flex}.quote img{opacity:.5;-webkit-user-select:none;user-select:none;flex-shrink:0;width:120px;height:120px}.quote .text{text-align:center}.quote blockquote{font-family:var(--font-emotional);color:var(--text-heading);margin:0;font-size:30px;font-weight:600;line-height:1.625}html.dark .quote blockquote{color:var(--stone-300)}.quote figcaption{color:var(--text-muted);margin-top:8px;font-size:14px;font-weight:500;line-height:20px}.quote-loading{color:var(--text-muted);justify-content:center;align-items:center;padding:16px 0;font-size:24px;line-height:32px;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse;display:flex}@keyframes pulse{50%{opacity:.5}}.grid{grid-template-columns:1fr;gap:24px;display:grid}.items{flex-direction:column;margin:0;padding:0;list-style:none}.item,.items{gap:8px;display:flex}.check,.item{align-items:center}.check{border:1px solid var(--check-border);background:var(--check-bg);color:#fff;flex-shrink:0;justify-content:center;width:28px;height:28px;transition:color .2s,background-color .2s,border-color .2s;display:flex}.check:hover{border-color:var(--check-border-hover)}.check[aria-pressed=true]{background:#34d399;border-color:#34d399}.check svg{width:16px;height:16px}.field{width:100%;color:var(--text);border:1px solid var(--border);background:var(--surface);border-radius:8px;padding:12px 16px;font-size:18px;line-height:28px;transition:all .2s;display:block}.field::placeholder{color:var(--text-placeholder);opacity:1}.field:focus{border-color:var(--focus-border);background:var(--surface-solid);box-shadow:0 0 0 1px var(--focus-ring);outline:none}textarea.field{resize:none}.item.done .field{color:var(--text-muted);text-decoration:line-through;-webkit-text-decoration-color:var(--text-muted);text-decoration-color:var(--text-muted)}.card{border:1px solid var(--border);background:var(--surface);width:100%;box-shadow:var(--shadow-sm);border-radius:12px;padding:20px;transition:all .2s}.card:hover{background:var(--surface-hover);box-shadow:var(--shadow-md)}.card.completed{border-color:var(--quest-done-border);background:var(--quest-done-bg);box-shadow:0 1px 3px 0 var(--quest-done-shadow)}.card.completed:hover{background:var(--quest-done-bg-hover)}.card.notice{border-color:var(--notice-border);background:var(--notice-bg)}.quest-row{align-items:flex-start;gap:16px;display:flex}.quest-check{border:1px solid var(--check-border);background:var(--check-bg);color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;margin-top:4px;transition:all .2s;display:inline-flex}.quest-check:hover:not(:disabled){background:#f5f3ff;border-color:#a78bfa}html.dark .quest-check:hover:not(:disabled){background:#44403cb3}.quest-check[aria-pressed=true]{color:#fff;box-shadow:var(--shadow-sm);opacity:1;background:#8b5cf6;border-color:#8b5cf6}.quest-body{min-width:0}.card .desc{color:var(--text);margin:0;font-size:18px;font-weight:500;line-height:1.375}.card.completed .desc{opacity:.6;text-decoration:line-through}.card .meta{color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:20px}.card .error{color:var(--error)}.card .error,.card .notice-title{margin:0;font-size:18px;font-weight:600;line-height:28px}.card .notice-title{color:var(--text)}.btn-solid{background:var(--btn-bg);color:var(--btn-text);border:0;margin-top:16px;padding:8px 16px;transition:opacity .15s}.btn-solid:hover:not(:disabled){opacity:.9}.help{display:inline-flex;position:relative}.help-btn{background:var(--control-bg);color:#7c3aed;text-transform:none;letter-spacing:normal;border:1px solid #c4b5fd;justify-content:center;align-items:center;width:20px;height:20px;transition:background-color .15s,color .15s;display:flex}.help-btn:hover{color:#5b21b6;background:#ede9fe}html.dark .help-btn{color:#ddd6fe;background:#4c1d954d;border-color:#8b5cf6}html.dark .help-btn:hover{color:#fff;background:#5b21b6b3}.help-tip{z-index:20;pointer-events:none;border:1px solid var(--border);background:var(--surface-solid);text-align:left;text-transform:none;letter-spacing:normal;width:288px;color:var(--text-heading);border-radius:12px;padding:12px 16px;font-size:14px;font-weight:400;line-height:20px;display:none;position:absolute;top:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}html.dark .help-tip{background:var(--stone-900);color:var(--stone-300)}.help:focus-within .help-tip,.help:hover .help-tip{display:block}.footer{text-align:center;color:var(--footer-text);flex-wrap:wrap;justify-content:center;align-items:center;row-gap:4px;padding:0 16px;font-size:14px;line-height:20px;display:flex}.footer .sep{margin:0 8px}.footer a{color:var(--footer-link);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--footer-underline);text-decoration-color:var(--footer-underline);font-weight:700;transition:all .15s}.footer a:hover{color:var(--footer-link-hover);-webkit-text-decoration-color:var(--footer-underline-hover);text-decoration-color:var(--footer-underline-hover)}.ad{border:1px dashed var(--ad-border);background:var(--ad-bg);color:var(--text-muted);border-radius:8px;justify-content:center;align-items:center;font-size:12.8px;display:flex}.ad-side{flex-shrink:0;width:160px;height:600px;margin-top:24px;position:sticky;top:96px}.ad-inline{width:100%;min-height:100px;display:none}@media (width>=640px){.navbar{padding:0 24px}.navbar h1{font-size:30px;line-height:36px}.page{padding:24px 32px}.grid{grid-template-columns:1fr 1fr}.quote blockquote{font-size:36px}.card{padding:24px}.footer{font-size:18px;line-height:28px}}@media (width>=1024px){.navbar{gap:8px;padding:0 32px;display:flex}.navbar-center{flex-grow:1}.navbar h1{font-size:48px;line-height:1}.navbar-end{padding-bottom:0}}@media (width<=1399px){.ad-side{display:none}}@media (width<=639px){.ad-inline{display:flex}}