:root{--bg: #f7f5f0;--surface: #ffffff;--ink: #1c1b19;--muted: #6b6862;--line: #d9d4ca;--accent: #d4453a;--accent-soft: #fbe6e3;--hl: #fff3c4;--active: #ffd24a;--good: #2f9e44;--err: #ffd6d6;--on-accent: #ffffff;--grid: #1c1b19;--block: #1c1b19;--done-bg: #f3faf4;--done-border: #bfe3c6;--done-strong: #eaf7ec;--good-soft: #d7f0dc;--key-alt: #f3efe7;--key-small: #eef4fb;--prompt-hover: #f9dcd8;--radius: 10px;--maxw: 960px;color-scheme:light;font-family:system-ui,-apple-system,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}html[data-theme=dark]{--bg: #16140f;--surface: #211e18;--ink: #ece7dd;--muted: #a39c8f;--line: #3a352d;--accent: #e8675c;--accent-soft: #3a2421;--hl: #4a4220;--active: #c79a2a;--good: #5cc173;--err: #4a2626;--on-accent: #1a120f;--grid: #4b463c;--block: #070706;--done-bg: #18271b;--done-border: #2f4d33;--done-strong: #1b2e1f;--good-soft: #233a26;--key-alt: #2b2720;--key-small: #1f2630;--prompt-hover: #45291f;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--ink);line-height:1.5;-webkit-text-size-adjust:100%}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}main{max-width:var(--maxw);margin:0 auto;padding:1.25rem 1rem 3rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;flex-direction:column;line-height:1.05}.brand-ja{font-size:1.25rem;font-weight:700;color:var(--ink)}.brand-en{font-size:.7rem;color:var(--muted);letter-spacing:.04em}.site-header nav{display:flex;align-items:center;gap:1rem}.theme-toggle{padding:.3rem .5rem;line-height:1;font-size:1rem;background:transparent}.lang-toggle{padding:.3rem .5rem;line-height:1;font-size:.8rem;font-weight:600;letter-spacing:.03em;background:transparent}html[lang=en] [data-lang-it],html[lang=it] [data-lang-en]{display:none}.auth-menu{display:inline-flex;align-items:center;gap:.5rem}.auth-email{font-size:.85rem;color:var(--muted);max-width:14ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.auth-email:hover{color:var(--accent);text-decoration:underline}button{font:inherit;cursor:pointer;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:8px;padding:.35rem .7rem;transition:background .12s,border-color .12s}button:hover{border-color:var(--accent)}button:disabled{opacity:.5;cursor:default}.hero h1{font-size:1.7rem;margin:.5rem 0}.hero p{color:var(--muted);max-width:60ch}.overview{color:var(--muted);font-size:.9rem}.home{display:flex;flex-direction:column;gap:1.6rem;margin-top:1.25rem}.daily-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.daily-kicker{font-weight:700;font-size:1.2rem}.daily-date{color:var(--muted);font-size:.85rem;font-variant-numeric:tabular-nums}.daily-card{display:flex;align-items:center;gap:1rem;background:var(--surface);border:2px solid var(--accent);border-radius:var(--radius);padding:1.1rem;color:var(--ink)}.daily-card:hover{text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 14px #00000012}.daily-card.done{border-color:var(--done-border);background:var(--done-bg)}.daily-grid-icon{display:grid;grid-template-columns:repeat(3,12px);grid-auto-rows:12px;gap:2px;flex-shrink:0}.daily-grid-icon span{background:var(--line);border-radius:2px}.daily-grid-icon span.on{background:var(--accent)}.daily-card.done .daily-grid-icon span.on{background:var(--good)}.daily-meta{display:flex;flex-direction:column;gap:.15rem;flex:1}.daily-meta .muted{color:var(--muted);font-size:.85rem}.daily-cta{font-weight:700;color:var(--accent);white-space:nowrap}.daily-card.done .daily-cta{color:var(--good)}.recent-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.recent-head h2{margin:0}.cal-toggle{font-size:.85rem;padding:.3rem .6rem}.recent h2,.practice h2{font-size:1.2rem;margin:0 0 .5rem}.calendar{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem}.cal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.6rem}.cal-head strong{font-size:1.05rem}.cal-head button{width:2rem;height:2rem;padding:0;font-size:1.2rem;line-height:1}.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.cal-wd{text-align:center;font-size:.72rem;color:var(--muted);font-weight:700;padding-bottom:.2rem}.cal-cell{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:.9rem;color:var(--ink);border:1px solid var(--line);background:var(--surface)}.cal-cell.empty{border:none;background:transparent}.cal-cell.disabled{color:var(--line);border-color:transparent;background:transparent}a.cal-cell:hover{border-color:var(--accent);text-decoration:none}a.cal-cell.today{border-color:var(--accent);font-weight:700}a.cal-cell.done{background:var(--done-bg);border-color:var(--done-border)}.cal-dot{position:absolute;bottom:4px;width:5px;height:5px;border-radius:50%;background:var(--good)}.xw-toast{position:fixed;top:4.2rem;left:50%;transform:translate(-50%);padding:.5rem 1rem;border-radius:999px;color:var(--on-accent);font-weight:700;z-index:50;box-shadow:0 4px 14px #0000002e;animation:toast-in .18s ease-out}.xw-toast.ok{background:var(--good)}.xw-toast.bad{background:var(--accent)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.recent-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.recent-list a{display:flex;justify-content:space-between;align-items:center;padding:.55rem .8rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink)}.recent-list a:hover{border-color:var(--accent);text-decoration:none}.recent-list a.done{background:var(--done-bg);border-color:var(--done-border)}.rd-date{font-variant-numeric:tabular-nums}.rd-status{font-size:.8rem;color:var(--muted)}.recent-list a.done .rd-status{color:var(--good);font-weight:700}.learner-prompt{display:flex;flex-direction:column;gap:.2rem;border:1px dashed var(--accent);background:var(--accent-soft);border-radius:var(--radius);padding:.9rem 1rem;color:var(--ink)}.learner-prompt:hover{text-decoration:none;background:var(--prompt-hover)}.learner-prompt span{color:var(--muted);font-size:.9rem}.practice{border-top:1px solid var(--line);padding-top:1.2rem}label.checkbox{display:flex;gap:.55rem;align-items:flex-start;font-size:.9rem;color:var(--ink);cursor:pointer}label.checkbox input{margin-top:.2rem;width:1.05rem;height:1.05rem;flex-shrink:0}label.checkbox .hint{display:block;color:var(--muted);font-size:.82rem;margin-top:.15rem}.profile-settings{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-top:1rem}.profile-settings h2{font-size:1.1rem;margin:0 0 .6rem}.type-select{display:grid;grid-template-columns:1fr 1fr;gap:.9rem;margin:1.25rem 0 .5rem}.type-card{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1.1rem .8rem;border-radius:var(--radius);border:2px solid var(--line);background:var(--surface);cursor:pointer;transition:border-color .12s,transform .12s,background .12s}.type-card:hover{border-color:var(--accent);transform:translateY(-1px)}.type-card.on{border-color:var(--accent);background:var(--accent-soft)}.tc-icon{font-size:1.7rem;line-height:1}.tc-ja{font-size:1.15rem;font-weight:700}.tc-en{font-size:.8rem;color:var(--muted);letter-spacing:.03em}.choose-hint{color:var(--muted);text-align:center;margin:1.5rem 0}.puzzle-section{margin-top:1.5rem}.section-heading{font-size:1.5rem;margin:0 0 .2rem}.ws-hint{color:var(--muted);font-size:.9rem;margin:.2rem 0 .6rem}.level-section{margin-top:1.5rem}.level-section h2{display:flex;align-items:baseline;gap:.6rem;font-size:1.3rem;border-bottom:2px solid var(--accent);padding-bottom:.2rem}.level-tag{font-size:.85rem;color:var(--muted);font-weight:400}.puzzle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.75rem;margin-top:.9rem}.puzzle-card{display:flex;flex-direction:column;gap:.25rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.8rem;color:var(--ink);position:relative}.puzzle-card:hover{border-color:var(--accent);text-decoration:none;transform:translateY(-1px)}.puzzle-card.done{background:var(--done-bg);border-color:var(--done-border)}.pc-title{font-weight:600}.pc-meta{font-size:.8rem;color:var(--muted)}.pc-badge{font-size:.75rem;color:var(--good);font-weight:700}.back{font-size:.9rem;margin:0 0 .5rem}.puzzle-h1{display:flex;align-items:center;gap:.6rem;font-size:1.4rem}.level-pill{font-size:.75rem;background:var(--accent-soft);color:var(--accent);border-radius:999px;padding:.1rem .6rem;font-weight:700}.xw{display:flex;flex-direction:column;gap:.8rem}.xw-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.xw-timer{font-variant-numeric:tabular-nums;font-weight:600}.xw-lang,.xw-actions{display:inline-flex;gap:.3rem}.xw-lang button{padding:.25rem .55rem}.xw-lang button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.xw-actions{margin-left:auto}.xw-done{background:var(--done-strong);color:var(--good);border:1px solid var(--done-border);border-radius:var(--radius);padding:.6rem .9rem;font-weight:700}.xw-active-clue{background:var(--surface);border:1px solid var(--line);border-left:4px solid var(--accent);border-radius:8px;padding:.5rem .75rem;min-height:1.2em}.xw-board{display:grid;gap:2px;background:var(--grid);border:2px solid var(--grid);width:max-content;max-width:100%;outline:none;touch-action:manipulation}.xw-cell{position:relative;background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.3rem;user-select:none;cursor:pointer}.xw-block{background:var(--block);cursor:default}.xw-hl{background:var(--hl)}.xw-active{background:var(--active)}.xw-err{background:var(--err)}.xw-num{position:absolute;top:1px;left:2px;font-size:.55rem;color:var(--muted);line-height:1}.xw-kana{font-weight:600}.kbd{display:flex;flex-wrap:wrap;gap:1rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:.7rem}.kbd-section{display:flex;flex-direction:column;gap:4px}.kbd-row{display:flex;gap:4px}.kbd-key{width:2.1rem;height:2.1rem;padding:0;font-size:1.05rem;display:flex;align-items:center;justify-content:center}.kbd-key:active{background:var(--active)}.kbd-key-alt{background:var(--key-alt)}.kbd-key-small{background:var(--key-small)}.kbd-key-back{width:2.6rem;background:var(--accent-soft)}.kbd-gap{width:2.1rem;height:2.1rem}.xw-clues{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.xw-cluelist h3{margin:0 0 .3rem;font-size:1rem;border-bottom:1px solid var(--line);padding-bottom:.2rem}.xw-cluelist ol{list-style:none;margin:0;padding:0}.xw-cluelist li{display:flex;align-items:center;gap:.5rem;padding:.25rem .4rem;border-radius:6px;font-size:.92rem}.xw-cluelist li:hover{background:var(--accent-soft)}.xw-cluelist li.on{background:var(--hl);font-weight:600}.xw-cluelist .n{color:var(--muted);font-weight:600}.clue-main{flex:1;cursor:pointer}.clue-ctrls{display:inline-flex;align-items:center;gap:.3rem;flex-shrink:0}.fill-dot{width:.7rem;height:.7rem;border-radius:50%;border:1px solid var(--line);display:inline-block}.fill-dot.empty{background:transparent}.fill-dot.partial{background:var(--active);border-color:var(--active)}.fill-dot.complete{background:var(--good);border-color:var(--good)}.v-ok{color:var(--good);font-weight:700}.v-bad{color:var(--accent);font-weight:700}button.mini{padding:.1rem .35rem;font-size:.78rem;border-radius:6px;line-height:1.2}.ws{display:flex;flex-direction:column;gap:.8rem}.ws-progress{font-weight:600;font-variant-numeric:tabular-nums}.ws-board{display:grid;gap:2px;background:var(--grid);border:2px solid var(--grid);border-radius:8px;padding:2px;width:max-content;max-width:100%;touch-action:none;user-select:none;-webkit-user-select:none}.ws-cell{background:var(--surface);display:flex;align-items:center;justify-content:center;font-size:1.1rem;font-weight:600;border-radius:4px;cursor:pointer}.ws-cell.ws-found{background:var(--good-soft);color:var(--good)}.ws-cell.ws-sel{background:var(--active)}.ws-board.flash-ok{animation:ws-ok .35s}.ws-board.flash-bad{animation:ws-bad .35s}@keyframes ws-ok{0%{box-shadow:0 0 0 3px var(--good)}to{box-shadow:none}}@keyframes ws-bad{0%,60%{box-shadow:0 0 0 3px var(--accent)}to{box-shadow:none}}.ws-wordlist h3{margin:0 0 .4rem;font-size:1rem;border-bottom:1px solid var(--line);padding-bottom:.2rem}.ws-wordlist ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.3rem 1rem}.ws-wordlist li{font-size:.92rem;padding:.15rem 0}.ws-wordlist li.found{color:var(--muted);text-decoration:line-through}.ws-wordlist li.found .ws-answer{color:var(--good);text-decoration:none;font-weight:600}.ws-len{color:var(--muted);font-size:.8rem}.account{max-width:30rem;margin:0 auto}.auth-form{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:1rem;margin-top:1rem}.auth-tabs{display:flex;gap:.4rem;margin-bottom:.8rem}.auth-tabs button.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.auth-form form{display:flex;flex-direction:column;gap:.7rem}.auth-form label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.auth-form input{font:inherit;padding:.5rem;border:1px solid var(--line);border-radius:8px}.auth-form input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.auth-err{color:var(--accent)}.auth-msg{color:var(--good)}.auth-link{background:none;border:none;padding:.4rem 0;margin-top:.5rem;color:var(--muted);font-size:.85rem;text-decoration:underline;cursor:pointer}.auth-link:hover{color:var(--accent);border-color:transparent}.danger-zone{margin-top:1.2rem;padding-top:1rem;border-top:1px solid var(--line)}.danger-zone h3{font-size:.95rem;margin:0 0 .3rem;color:var(--accent)}button.danger{border-color:var(--accent);color:var(--accent)}button.danger:hover{background:var(--accent);color:var(--on-accent)}.site-footer{text-align:center;color:var(--muted);font-size:.8rem;padding:2rem 1rem}.footer-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:.6rem}.footer-credit{margin-top:.5rem}@media(max-width:560px){.xw-clues{grid-template-columns:1fr}.kbd-key,.kbd-gap{width:1.9rem;height:1.9rem;font-size:.95rem}}