:root{color:#17352b;letter-spacing:.02em;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f7f5ef;--surface:#fffdf8;--surface-quiet:#edf1e8;--ink:#17352b;--muted:#50645c;--green:#1b5942;--green-deep:#103b2b;--line:#738277;--line-soft:#d9dfd5;--gold:#bd822d;--danger:#a7352b;--focus:#f0bd2f;background:#f7f5ef;font-family:Hiragino Kaku Gothic ProN,Meiryo,sans-serif;font-size:16px;font-weight:400;line-height:1.7}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15211c;--surface:#1e2e26;--surface-quiet:#283b30;--ink:#f3f3e7;--muted:#c3d0c7;--green:#9dd0a9;--green-deep:#d2f0d3;--line:#779182;--line-soft:#4a6153;--gold:#f0bd5b;--danger:#f48c83;--focus:#f0bd2f}@media (prefers-color-scheme:dark){:root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--paper:#15211c;--surface:#1e2e26;--surface-quiet:#283b30;--ink:#f3f3e7;--muted:#c3d0c7;--green:#9dd0a9;--green-deep:#d2f0d3;--line:#779182;--line-soft:#4a6153;--gold:#f0bd5b;--danger:#f48c83}}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{background:var(--paper);min-width:320px;color:var(--ink);margin:0}button,input,textarea{font:inherit;color:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button,.button,.icon-button,.menu-button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:4px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px var(--focus)}a{color:var(--green)}.skip-link{z-index:20;background:var(--green-deep);color:var(--surface);border-radius:0 0 8px 8px;padding:10px 16px;font-weight:700;position:absolute;top:-80px;left:16px}.skip-link:focus{top:0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{vertical-align:middle;flex:none;display:inline-block}.site-header{z-index:10;border-bottom:1px solid var(--line);background:color-mix(in srgb, var(--paper) 92%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);position:sticky;top:0}.header-inner{align-items:center;gap:32px;max-width:1120px;min-height:72px;margin:0 auto;padding:0 32px;display:flex}.wordmark{color:var(--green-deep);letter-spacing:.12em;white-space:nowrap;align-items:center;gap:10px;font-family:Shippori Mincho,serif;font-size:1.35rem;font-weight:700;text-decoration:none;display:inline-flex}.main-nav{align-items:stretch;gap:8px;margin-left:auto;display:flex}.nav-link{min-height:48px;color:var(--muted);border-bottom:3px solid #0000;align-items:center;gap:8px;padding:10px 14px;text-decoration:none;display:inline-flex}.nav-link:hover,.nav-link.active{color:var(--green-deep)}.nav-link.active{border-bottom-color:var(--green);font-weight:700}.menu-button{border:1px solid var(--line);background:var(--surface);border-radius:8px;align-items:center;gap:8px;min-height:48px;padding:8px 12px;display:none}.header-logout{margin-left:8px}.main-content{min-height:calc(100vh - 72px);padding:64px 24px 96px}.content-column{max-width:720px;margin:0 auto}.page-intro{margin-bottom:40px}.page-intro h1,.login-card h1{letter-spacing:.08em;color:var(--green-deep);margin:4px 0 8px;font-family:Shippori Mincho,serif;font-size:clamp(2rem,5vw,3rem);line-height:1.25}.eyebrow{color:var(--green);letter-spacing:.12em;margin:0;font-size:.82rem;font-weight:700}.muted,.section-copy,.field-help{color:var(--muted)}.muted{margin:0}.date-row{justify-content:center;align-items:center;gap:16px;margin:0 0 24px;display:flex}.date-input{border:1px solid var(--line);background:var(--surface);text-align:center;border-radius:8px;min-height:48px;padding:8px 12px;font-weight:700}.icon-button{border:1px solid var(--line);background:var(--surface);border-radius:50%;place-items:center;width:44px;min-width:44px;height:44px;display:inline-grid}.icon-button:hover{border-color:var(--green);color:var(--green)}.flip-x{transform:scaleX(-1)}.writing-card,.about-card,.settings-section,.reward-card{border:1px solid var(--line);background:var(--surface);border-radius:12px}.writing-card{padding:32px}.prompt-mark{background:var(--surface-quiet);width:40px;height:40px;color:var(--green);border-radius:50%;place-items:center;margin-bottom:16px;display:grid}.writing-card h2{letter-spacing:.06em;margin:0 0 20px;font-family:Shippori Mincho,serif;font-size:1.35rem;line-height:1.55}textarea{resize:vertical;border:1px solid var(--line);background:var(--paper);border-radius:8px;width:100%;min-height:220px;padding:16px;line-height:1.8;display:block}textarea::placeholder{color:var(--muted);opacity:.9}.editor-footer{justify-content:space-between;align-items:center;gap:16px;margin-top:20px;display:flex}.editor-tools{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.save-state{color:var(--muted);font-size:.9rem}.button{letter-spacing:.01em;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:10px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{color:#fff;background:var(--green);border-color:var(--green)}.button-primary:hover{background:var(--green-deep);border-color:var(--green-deep)}:root[data-theme=dark] .button-primary,:root[data-theme=dark] .button-primary:hover{color:#15211c}@media (prefers-color-scheme:dark){:root[data-theme=system] .button-primary,:root[data-theme=system] .button-primary:hover{color:#15211c}}.button-secondary{color:var(--green-deep);background:var(--surface);border-color:var(--green)}.button-secondary:hover{background:var(--surface-quiet)}.button-tertiary{min-height:44px;color:var(--green);text-underline-offset:3px;background:0 0;border:0;padding:8px;text-decoration:underline}.danger-text{color:var(--danger)}.reward-card{align-items:center;gap:16px;margin-top:24px;padding:20px 24px;display:flex}.reward-icon{color:var(--gold)}.reward-copy{margin:0}.leaf-count{color:var(--green-deep);margin-left:auto;font-family:Shippori Mincho,serif;font-size:1.7rem;font-weight:700}.leaf-count span{margin-left:4px;font-family:inherit;font-size:.85rem}.conflict-box{border:2px solid var(--gold);background:color-mix(in srgb, var(--gold) 10%, var(--surface));border-radius:8px;margin-top:24px;padding:16px}.conflict-box p{margin:4px 0 12px}.conflict-actions{flex-wrap:wrap;gap:8px;display:flex}.records-toolbar{align-items:center;gap:12px;margin-bottom:24px;display:flex}.search-field{border:1px solid var(--line);background:var(--surface);border-radius:8px;flex:1;align-items:center;gap:10px;min-height:48px;padding:0 14px;display:flex}.search-field:focus-within{outline:4px solid var(--focus);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}.search-field input{background:0 0;border:0;outline:0;width:100%}.records-list{gap:16px;display:grid}.record-card{border:1px solid var(--line);background:var(--surface);border-radius:12px;padding:24px}.record-card.is-deleted{opacity:.78}.record-meta{color:var(--muted);align-items:center;gap:10px;font-size:.9rem;display:flex}.record-text{white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0 4px}.record-summary{border-left:3px solid var(--line-soft);color:var(--muted);margin:10px 0 0;padding-left:12px}.record-actions{gap:12px;margin-top:12px;display:flex}.status-pill{background:var(--surface-quiet);border-radius:999px;padding:2px 8px;font-size:.78rem}.empty-state{border:1px dashed var(--line);text-align:center;color:var(--muted);border-radius:12px;padding:56px 24px}.empty-state .icon{color:var(--green)}.empty-state h2{color:var(--ink);margin:10px 0 4px;font-family:Shippori Mincho,serif}.empty-state p{margin:0 0 24px}.settings-content{max-width:760px}.settings-section{margin-bottom:16px;padding:24px}.settings-section h2{margin:0 0 8px;font-size:1.15rem}.section-copy{margin:0 0 20px}.setting-row{border-top:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:20px;padding:16px 0;display:flex}.setting-row label{font-weight:700}.setting-row p{margin:2px 0 0}.setting-control{align-items:center;gap:16px;display:flex}.switch{border:2px solid var(--line);background:var(--surface);border-radius:999px;width:54px;min-width:54px;height:44px;padding:9px 3px;position:relative}.switch span:first-child{background:var(--muted);border-radius:50%;width:22px;height:22px;transition:transform .2s,background .2s;display:block}.switch.is-on{border-color:var(--green);background:var(--green)}.switch.is-on span:first-child{background:#fff;transform:translate(20px)}.data-actions{flex-wrap:wrap;gap:12px;display:flex}.file-button{cursor:pointer}.theme-options{flex-wrap:wrap;gap:20px;display:flex}.theme-options label{align-items:center;gap:8px;min-height:44px;display:inline-flex}.theme-options input{width:18px;height:18px;accent-color:var(--green)}.about-content{max-width:680px}.about-card{margin-bottom:24px;padding:32px}.about-mark{color:var(--green);margin-bottom:20px}.about-card p{margin:0 0 16px}.about-card p:last-child{margin-bottom:0}.underlined-link{text-underline-offset:4px;align-items:center;gap:8px;display:inline-flex}.about-footnote{color:var(--muted);margin:40px 0 0;font-size:.87rem}.sync-status{z-index:5;border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:.78rem;display:inline-flex;position:fixed;bottom:16px;right:16px;box-shadow:0 4px 14px #17352b14}.sync-status.offline{color:var(--danger)}.login-shell{background:radial-gradient(circle at 70% 10%, #dfead7 0, var(--paper) 42%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:16px;width:min(100%,460px);padding:48px 40px;box-shadow:0 20px 60px #17352b12}.brand-lockup{color:var(--green-deep);letter-spacing:.12em;align-items:center;gap:10px;margin-bottom:32px;font-family:Shippori Mincho,serif;font-size:1.5rem;font-weight:700;display:inline-flex}.login-card h1{font-size:2.25rem}.login-copy{color:var(--muted);margin:0 0 28px}.stack{gap:10px;display:grid}.stack label{font-weight:700}.stack input{border:1px solid var(--line);background:var(--paper);border-radius:8px;min-height:52px;padding:10px 14px}.field-help{margin:0;font-size:.87rem}.error-text{color:var(--danger);margin:0;font-weight:700}.privacy-note{color:var(--muted);margin:32px 0 0;font-size:.82rem}[hidden]{display:none!important}@media (width<=720px){.header-inner{gap:12px;min-height:64px;padding:0 16px}.menu-button{margin-left:auto;display:inline-flex}.main-nav{border-bottom:1px solid var(--line);background:var(--paper);padding:8px 16px 16px;display:none;position:absolute;top:64px;left:0;right:0}.main-nav.is-open{display:grid}.nav-link{border-bottom:0;border-left:3px solid #0000}.nav-link.active{border-left-color:var(--green)}.header-logout{margin-left:0}.main-content{padding:40px 16px 88px}.writing-card{padding:24px 16px}.editor-footer{flex-direction:column;align-items:stretch}.editor-tools{justify-content:space-between}.editor-footer .button-primary{width:100%}.records-toolbar{flex-direction:column;align-items:stretch}.records-toolbar>.button{width:100%}.setting-row{align-items:flex-start}.login-card{padding:36px 24px}}@media (width<=420px){.page-intro{margin-bottom:32px}.reward-card{padding:16px}.reward-copy{font-size:.9rem}.data-actions>*{width:100%}}