*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--paper-bg: #ece7dc;--paper-nav: #f7f3ea;--card: #fbf9f3;--card-alt: #f3efe4;--note-paper: #f4eede;--border: #e7e1d4;--border-soft: #efe9dc;--border-nav: #e4ded2;--border-hair: #e0d9ca;--note-border: #cdbf9e;--note-rule: #d8b27a;--ink: #2a2823;--ink-body: #3a372f;--ink-soft: #5e5a50;--muted: #6f6b62;--muted-2: #8a857b;--label: #a39e93;--tag-bg: #ece7dc;--tag-bg-alt: #e2dccf;--tag-text: #7a766c;--accent: #4f6f6a;--accent-deep: #3c544f;--accent-soft: #e9f0ee;--accent-border: #c9dcd7;--on-accent: #f5f2ea;--nav-inactive: #a7a194;--note-label: #9a8f7a;--note-meta: #b0a589;--note-ink: #423d31;--note-field: #fbf8ee;--note-field-border: #e3d8bd;--hard-ink: #9a6a52;--hard-bg: #f4ece4;--hard-border: #e0d0bf;--med-ink: #6f6b62;--med-bg: #f3efe4;--med-border: #ddd5c6;--easy-ink: #3c544f;--easy-bg: #e9f0ee;--easy-border: #c9dcd7;--font-serif: "Noto Serif JP", "Hiragino Mincho ProN", serif;--font-mono: "DM Mono", ui-monospace, "SFMono-Regular", monospace;--radius: 14px;--radius-sm: 10px;--radius-pill: 6px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-float: 0 2px 10px rgba(0, 0, 0, .05)}html,body{background:var(--paper-bg)}body{color:var(--ink);font-family:var(--font-serif);font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.main-content{max-width:430px;margin:0 auto;padding:2.25rem 1.15rem calc(6rem + env(safe-area-inset-bottom,0px))}.page{display:flex;flex-direction:column}.kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.22em;color:var(--label)}.page-head{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;margin-top:.4rem}.page-title{font-size:28px;font-weight:600;letter-spacing:.04em}.page-meta{font-family:var(--font-mono);font-size:12px;color:var(--muted-2);flex:none}.page-meta.accent{color:var(--accent)}.page-meta.note{color:var(--note-label)}.section-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--label);margin:0 .25rem .65rem}.section{margin-top:1.4rem}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 .25rem .7rem}.section-head .section-label{margin:0}.section-count{font-family:var(--font-mono);font-size:10px;color:#bdb8ac}.card-list{display:flex;flex-direction:column;gap:.625rem}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.grammar-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:15px 17px;position:relative;cursor:pointer;transition:border-color .15s,transform .05s}.grammar-card:hover{border-color:var(--accent-border)}.grammar-card:active{transform:scale(.997)}.gc-pattern{font-size:21px;font-weight:600;letter-spacing:.01em;color:var(--ink);padding-right:26px;display:flex;align-items:center;gap:7px}.gc-meaning{font-size:13px;color:var(--muted);margin-top:4px}.gc-foot{display:flex;align-items:center;gap:6px;margin-top:11px}.tag{font-family:var(--font-mono);font-size:10px;color:var(--tag-text);background:var(--tag-bg);padding:3px 8px;border-radius:var(--radius-pill)}.tag-outline{font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--muted-2);border:1px solid #d8d2c5;padding:3px 8px;border-radius:var(--radius-pill)}.tag-new{position:absolute;top:15px;right:17px;letter-spacing:.12em}.fav-star{color:var(--accent);font-size:13px}.fav-star.corner{position:absolute;top:15px;right:17px;font-size:15px}.note-flag{margin-left:auto;font-style:italic;font-size:12px;color:#9a958a}.status-tag{margin-left:auto;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:var(--label)}.status-tag.has-note{margin-left:0}.today-empty{font-size:13px;color:var(--muted-2);padding:.35rem .25rem}.btn{font-family:var(--font-serif);cursor:pointer;border-radius:var(--radius-sm);transition:opacity .15s}.btn:hover{opacity:.9}.btn-primary{background:var(--accent);border:none;color:var(--on-accent);font-size:14px;font-weight:500;min-height:44px;padding:0 18px}.btn-ghost{background:transparent;border:1px solid var(--accent);color:var(--accent-deep);font-size:14px;min-height:44px;padding:0 22px;border-radius:11px}.btn-outline{background:transparent;border:1px solid #d8cfb8;color:var(--muted);font-size:14px;min-height:46px;border-radius:11px}.btn-block{width:100%}.search-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--ink-body);font-family:var(--font-serif);font-size:15px;padding:.7rem .9rem;margin-top:1.1rem;outline:none}.search-input::placeholder{color:var(--label)}.search-input:focus{border-color:var(--accent-border)}.due-card{margin-top:1.15rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:16px 18px;display:flex;align-items:center;gap:16px}.due-ring{flex:none}.due-body{flex:1;min-width:0}.due-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted-2)}.due-count{font-size:18px;font-weight:600;margin-top:3px;color:var(--ink)}.due-count small{font-size:13px;font-weight:400;color:var(--muted)}.output-card{background:var(--card-alt);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.output-text{font-size:15px;line-height:1.9;color:var(--ink-body)}.output-text strong{color:var(--ink);font-weight:600}.output-flag{margin-top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#b0a892}.detail-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.back-btn{display:flex;align-items:center;gap:5px;min-height:44px;background:none;border:none;cursor:pointer;padding:0 4px 0 0;font-family:var(--font-mono);font-size:13px;color:var(--muted);letter-spacing:.04em}.fav-btn{display:flex;align-items:center;gap:6px;min-height:40px;background:var(--card-alt);border:1px solid #ddd5c6;color:var(--muted-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;padding:8px 13px;border-radius:var(--radius-sm);cursor:pointer}.fav-btn.is-fav{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-deep)}.hero-pattern{font-size:38px;font-weight:600;letter-spacing:.01em;line-height:1.2;color:var(--ink)}.hero-meaning{font-size:17px;color:var(--ink-body);margin-top:12px;line-height:1.5}.hero-sub{font-size:13px;color:var(--muted-2);margin-top:5px}.hero-tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-top:16px}.status-line{display:flex;align-items:center;gap:8px;margin-top:14px;padding-top:13px;border-top:1px solid var(--border-hair)}.status-dot{width:5px;height:5px;border-radius:9px;background:var(--label)}.status-line .lbl{font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--muted-2)}.status-line .val{font-family:var(--font-mono);font-size:10px;color:var(--label)}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-card);padding:15px 17px}.formation-text{font-family:var(--font-mono);font-size:14px;color:var(--ink-body)}.canon-text{font-size:14px;line-height:1.9;color:var(--ink-body)}.example{padding:16px 0;border-top:1px solid var(--border-soft)}.example:first-child{border-top:none}.ex-jp{font-size:17px;font-weight:500;line-height:1.8;color:var(--ink)}.ex-kana{font-size:12px;color:var(--label);line-height:1.6;margin-top:5px}.ex-zh{font-size:13.5px;color:var(--ink-soft);line-height:1.6;margin-top:10px}.ex-note{font-size:12.5px;color:var(--muted-2);line-height:1.6;margin-top:6px;font-style:italic}.similar-list{display:flex;flex-wrap:wrap;gap:8px;padding:0 .25rem}.similar-chip{font-size:15px;color:var(--ink-body);background:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-card);padding:8px 13px;border-radius:var(--radius-sm)}.mynote-head{display:flex;align-items:baseline;justify-content:space-between;margin:0 .25rem .65rem}.mynote-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--note-label)}.note-edit-link{background:none;border:none;cursor:pointer;padding:4px;font-family:var(--font-mono);font-size:10px;letter-spacing:.04em;color:var(--accent)}.note-card{background:var(--note-paper);border:1px dashed var(--note-border);border-radius:var(--radius);padding:16px 18px 16px 17px;position:relative}.note-card .rule{position:absolute;left:0;top:14px;bottom:14px;width:2px;background:var(--note-rule);border-radius:2px}.note-text{margin-left:10px;font-size:15px;line-height:1.95;color:var(--note-ink)}.note-row{display:flex;align-items:center;margin:14px 0 0 10px}.note-delete{background:none;border:none;cursor:pointer;padding:4px 0;font-family:var(--font-mono);font-size:10px;color:var(--note-meta)}.note-row .hint{font-family:var(--font-mono);font-size:10px;color:var(--note-meta);margin-left:auto}.note-textarea{width:100%;min-height:130px;resize:vertical;background:var(--note-field);border:1px solid var(--note-field-border);border-radius:var(--radius-sm);padding:13px 14px;font-family:var(--font-serif);font-size:15px;line-height:1.95;color:var(--note-ink);outline:none}.note-actions{display:flex;gap:9px;margin-top:13px}.note-save{flex:1;min-height:44px;background:var(--accent);border:none;color:var(--on-accent);font-family:var(--font-serif);font-size:14px;font-weight:500;border-radius:9px;cursor:pointer}.note-cancel{flex:none;min-height:44px;background:transparent;border:1px solid #d8cfb8;color:#8a7f68;font-family:var(--font-serif);font-size:14px;padding:0 18px;border-radius:9px;cursor:pointer}.note-del-btn{flex:none;min-height:44px;background:transparent;border:1px solid #e0c9c2;color:#a8756a;font-family:var(--font-mono);font-size:11px;padding:0 14px;border-radius:9px;cursor:pointer}.note-edit-hint{margin:11px 2px 0;font-size:11px;color:var(--label);line-height:1.6}.note-confirm{background:var(--note-paper);border:1px dashed #e0c9c2;border-radius:var(--radius);padding:16px 18px}.note-confirm .q{font-size:14px;line-height:1.7;color:#8a6a5e}.note-confirm-row{display:flex;gap:9px;margin-top:13px}.note-confirm-delete{flex:1;min-height:44px;background:#a8756a;border:none;color:var(--on-accent);font-family:var(--font-serif);font-size:14px;font-weight:500;border-radius:9px;cursor:pointer}.note-confirm-cancel{flex:none;min-height:44px;background:transparent;border:1px solid #d8cfb8;color:#8a7f68;font-family:var(--font-serif);font-size:14px;padding:0 22px;border-radius:9px;cursor:pointer}.note-empty{background:var(--note-paper);border:1px dashed var(--note-border);border-radius:var(--radius);padding:20px 18px;text-align:center}.note-empty p{font-size:14px;color:var(--note-label)}.note-add{margin-top:13px;min-height:44px;background:transparent;border:1px solid var(--accent);color:var(--accent-deep);font-family:var(--font-serif);font-size:13px;padding:0 18px;border-radius:9px;cursor:pointer}.rv-head{display:flex;align-items:center;justify-content:space-between}.rv-head .lbl{font-family:var(--font-mono);font-size:11px;color:var(--muted-2);letter-spacing:.1em}.rv-head .progress{font-family:var(--font-mono);font-size:12px;color:var(--accent)}.rv-bar{margin-top:13px;height:3px;background:#ddd5c6;border-radius:2px;overflow:hidden}.rv-bar>span{display:block;height:100%;background:var(--accent);transition:width .25s}.rv-card{margin-top:1.25rem;background:var(--card);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-float);padding:26px 22px}.rv-center{text-align:center}.rv-mono-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--label)}.rv-pattern{font-size:42px;font-weight:600;letter-spacing:.01em;line-height:1.25;margin-top:18px;color:var(--ink)}.rv-tags{display:flex;justify-content:center;gap:6px;margin-top:18px}.rv-prompt{margin-top:30px;text-align:center;font-size:14px;color:#9a958a;line-height:1.7}.rv-answer{margin-top:22px;padding-top:20px;border-top:1px solid var(--border-soft)}.rv-answer .meaning{font-size:17px;color:var(--ink-body);text-align:center}.rv-answer .sub{font-size:13px;color:var(--label);margin-top:4px;text-align:center}.rv-block{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-soft)}.rv-block:first-of-type{border-top:none;padding-top:0}.rv-reveal{margin-top:16px;width:100%;min-height:52px;background:var(--accent);border:none;color:var(--on-accent);font-family:var(--font-serif);font-size:15px;font-weight:500;border-radius:12px;cursor:pointer;letter-spacing:.04em}.grade-row{margin-top:16px;display:flex;gap:10px}.grade-btn{flex:1;min-height:60px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:13px;cursor:pointer}.grade-btn .jp{font-family:var(--font-serif);font-size:14px;font-weight:600}.grade-btn .en{font-family:var(--font-mono);font-size:9px;letter-spacing:.06em}.grade-hard{background:var(--hard-bg);border:1px solid var(--hard-border)}.grade-hard .jp{color:var(--hard-ink)}.grade-hard .en{color:#b89a86}.grade-med{background:var(--med-bg);border:1px solid var(--med-border)}.grade-med .jp{color:var(--med-ink)}.grade-med .en{color:var(--label)}.grade-easy{background:var(--easy-bg);border:1px solid var(--easy-border)}.grade-easy .jp{color:var(--easy-ink)}.grade-easy .en{color:#7c9b95}.rv-state{text-align:center;padding:2.5rem 0 1rem;display:flex;flex-direction:column;align-items:center}.rv-check{width:62px;height:62px;border-radius:50%;border:1px solid var(--accent-border);background:var(--accent-soft);display:flex;align-items:center;justify-content:center}.rv-state .title{margin-top:24px;font-size:18px;font-weight:600;letter-spacing:.01em;color:var(--ink)}.rv-state .sub{margin-top:10px;font-size:13.5px;color:var(--muted-2);line-height:1.8}.rv-done-kicker{font-family:var(--font-mono);font-size:10px;letter-spacing:.24em;color:var(--label);text-align:center}.rv-dial{position:relative;display:flex;flex-direction:column;align-items:center;margin-top:1.75rem}.rv-dial .num{position:absolute;top:50%;left:0;right:0;transform:translateY(-60%);text-align:center}.rv-dial .num b{font-family:var(--font-mono);font-size:30px;font-weight:500;color:var(--ink);line-height:1}.rv-dial .num span{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:.12em;color:var(--label);margin-top:5px}.rv-done-msg{text-align:center;margin-top:1.5rem}.rv-done-msg .jp{font-size:17px;font-weight:600;letter-spacing:.01em;color:var(--ink)}.rv-done-msg .en{margin-top:6px;font-size:13px;color:var(--muted-2)}.summary-card{margin-top:1.75rem;padding:4px 18px}.summary-row{display:flex;align-items:center;justify-content:space-between;padding:13px 0;border-top:1px solid var(--border-soft)}.summary-row:first-child{border-top:none}.summary-row .k{font-size:14px;color:var(--ink-body)}.summary-row .v{font-family:var(--font-mono);font-size:13px;color:var(--muted-2)}.summary-row .v.accent{color:var(--accent)}.rv-actions{margin-top:1.75rem;display:flex;flex-direction:column;gap:10px}.navbar{position:fixed;bottom:0;left:0;right:0;background:var(--paper-nav);border-top:1px solid var(--border-nav);z-index:10}.navbar-inner{max-width:430px;margin:0 auto;display:flex;justify-content:space-around;align-items:center;padding:7px 6px calc(10px + env(safe-area-inset-bottom,0px))}.nav-link{flex:1;min-height:44px;display:flex;align-items:center;justify-content:center;color:var(--nav-inactive);transition:color .15s}.nav-link.active{color:var(--accent)}.empty-state{margin-top:4.5rem;display:flex;flex-direction:column;align-items:center;padding:0 1.75rem;text-align:center}.empty-ring{width:62px;height:62px;border-radius:50%;border:1px solid #d8cfb8;display:flex;align-items:center;justify-content:center;color:#c2bba9;font-size:26px}.empty-state .title{margin-top:24px;font-size:17px;font-weight:600;letter-spacing:.01em;color:var(--ink)}.empty-state .sub{margin-top:10px;font-size:13.5px;color:var(--muted-2);line-height:1.8}.empty-state .btn-ghost{margin-top:24px}.not-found{color:var(--muted-2);margin-top:2rem}.note-list{display:flex;flex-direction:column;gap:12px;margin-top:1.15rem}.note-list-card{background:var(--note-paper);border:1px dashed var(--note-border);border-radius:var(--radius);padding:15px 17px 14px;position:relative;cursor:pointer}.note-list-card .rule{position:absolute;left:0;top:15px;bottom:15px;width:2px;background:var(--note-rule);border-radius:2px}.note-list-head{display:flex;align-items:baseline;justify-content:space-between;margin-left:9px}.note-list-head .pattern{font-size:18px;font-weight:600;letter-spacing:.01em;color:var(--ink)}.note-list-head .time{font-family:var(--font-mono);font-size:10px;color:var(--note-meta)}.backup-actions{display:flex;flex-direction:column;gap:10px}.backup-error{margin-top:10px;font-family:var(--font-mono);font-size:12px;color:var(--hard-ink);padding:0 .25rem}.backup-confirm{margin-top:12px}.note-list-card .preview{margin:9px 0 0 9px;font-size:14px;line-height:1.85;color:var(--note-ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}