:root{--bench:#e9ece8;--panel:#f8f9f7;--surface:#fff;--ink:#1f2622;--muted:#5d6a63;--line:#c9d0cb;--line-soft:#dde3df;--accent:#2f5c4c;--accent-soft:#dfeae5;--accent-ink:#fff;--warn:#b4432b;--warn-soft:#f8e4de;--caution:#8a5a00;--caution-soft:#f6ead0;--ok:#2f9e5a;--sel:#2f7bd8;--shadow:0 1px 3px #0000001f, 0 8px 24px #0000000f;--f-jp:var(--font-shippori), "Hiragino Mincho ProN", "Yu Mincho", "Noto Serif JP", serif;--f-en:var(--font-garamond), "Times New Roman", serif;--f-ui:var(--font-zen), "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bench:#181d1b;--panel:#222a26;--surface:#2a332e;--ink:#e4ebe6;--muted:#9fb0a7;--line:#3a4640;--line-soft:#313b36;--accent:#8cc3ad;--accent-soft:#2c3d36;--accent-ink:#10201a;--warn:#ff8a70;--warn-soft:#43271f;--caution:#f0c060;--caution-soft:#3d3420;--ok:#6fd39a;--sel:#6aa8ff;--shadow:0 1px 3px #0006, 0 8px 24px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bench);color:var(--ink);font-family:var(--f-ui);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6}a{color:var(--accent)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--sel);outline-offset:2px}.phr{word-break:keep-all;overflow-wrap:anywhere}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.btn{border:1px solid var(--line);background:var(--panel);color:var(--ink);word-break:keep-all;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 14px;font-size:13px;line-height:1.3;text-decoration:none;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--muted)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:700}.btn.danger{color:var(--warn)}.btn.ghost{background:0 0;border-color:#0000}.btn.small{padding:3px 9px;font-size:12.5px}.btn:disabled{opacity:.45;cursor:default}.field{flex-direction:column;gap:4px;min-width:0;display:flex}.field>span,.field>label,.field legend{color:var(--muted);font-size:12px;font-weight:500}.input,.select,.textarea{border:1px solid var(--line);background:var(--surface);border-radius:6px;width:100%;min-width:0;padding:7px 10px;font-size:14px}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.hint{color:var(--muted);font-size:12px}.error-text{color:var(--warn);font-size:12.5px}.notice{border:1px solid var(--line);background:var(--panel);border-radius:6px;padding:10px 12px;font-size:13px}.notice.warn{border-color:var(--warn);background:var(--warn-soft)}.notice.ok{border-color:var(--ok)}.site-header{padding:12px max(16px, env(safe-area-inset-left,0px));border-bottom:1px solid var(--line);background:var(--panel);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;display:flex}.brand{font-family:var(--f-jp);letter-spacing:.06em;color:var(--ink);align-items:baseline;gap:8px;font-size:18px;font-weight:600;text-decoration:none;display:inline-flex}.container{max-width:1120px;margin:0 auto;padding:28px 16px 80px}.page-title{font-family:var(--f-jp);letter-spacing:.04em;margin:0 0 6px;font-size:24px;font-weight:600;line-height:1.4}.lead{color:var(--muted);margin:0 0 20px;font-size:13.5px}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.stack{flex-direction:column;gap:14px;display:flex}.auth-wrap{place-items:center;min-height:calc(100dvh - 60px);padding:32px 16px;display:grid}.auth-card{width:100%;max-width:400px}.auth-card h1{font-family:var(--f-jp);letter-spacing:.04em;margin:0 0 4px;font-size:22px;font-weight:600}.divider{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.divider:before,.divider:after{content:"";border-top:1px solid var(--line);flex:1}.toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));background:var(--ink);color:var(--bench);z-index:100;max-width:min(560px,100vw - 32px);box-shadow:var(--shadow);border-radius:6px;padding:9px 16px;font-size:13px;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.project-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.project-card{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px;padding:14px 16px;display:flex}.project-main{flex-direction:column;gap:4px;min-width:0;display:flex}.project-name{font-family:var(--f-jp);color:var(--ink);letter-spacing:.03em;font-size:17px;font-weight:600;text-decoration:none}.project-name:hover{text-decoration:underline}.tags{flex-wrap:wrap;gap:6px;display:flex}.tags span{border:1px solid var(--line);color:var(--muted);background:var(--surface);border-radius:3px;padding:0 8px;font-size:12px}.new-project{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:24px;display:grid}@media (max-width:860px){.new-project{grid-template-columns:minmax(0,1fr)}}.new-project-side{position:sticky;top:16px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:start;gap:14px 18px;display:grid}fieldset.field{border:0;margin:0;padding:0}.seg{flex-wrap:wrap;display:flex;flex-direction:row!important;gap:0!important}.seg legend{width:100%;margin-bottom:4px;padding:0}.seg label{border:1px solid var(--line);background:var(--surface);cursor:pointer;align-items:baseline;gap:6px;margin-right:-1px;padding:6px 12px;font-size:13px;display:inline-flex}.seg label:first-of-type{border-radius:6px 0 0 6px}.seg label:last-of-type{border-radius:0 6px 6px 0}.seg label.on{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);position:relative}.seg label small{opacity:.8;font-size:11px}.seg input{opacity:0;pointer-events:none;position:absolute}.seg label:has(input:focus-visible){outline:2px solid var(--sel);outline-offset:2px}.margins{grid-column:1/-1}.margin-inputs{grid-template-columns:repeat(5,minmax(64px,1fr));gap:8px;display:grid}@media (max-width:520px){.margin-inputs{grid-template-columns:repeat(3,minmax(64px,1fr))}}.spread-preview{flex-direction:column;align-items:center;gap:6px;margin:0;display:flex}.spread-preview svg{max-width:100%;height:auto}.spec-list{grid-template-columns:auto 1fr;gap:4px 12px;margin:0;font-size:13px;display:grid}.spec-list dt{color:var(--muted)}.spec-list dd{margin:0}.hero{max-width:720px;padding:40px 0 32px}.hero h1{font-family:var(--f-jp);letter-spacing:.04em;margin:0 0 12px;font-size:clamp(26px,5vw,38px);font-weight:600;line-height:1.4}.hero .lead{font-size:15px}.features{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.features h2{margin:0 0 6px;font-size:15px;font-weight:700}.features p{color:var(--muted);margin:0;font-size:13px}.site-footer{padding:16px max(16px, env(safe-area-inset-left,0px)) calc(16px + env(safe-area-inset-bottom,0px));border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;font-size:12.5px;display:flex}.site-footer nav{gap:16px}.site-footer a{color:var(--muted)}.legal{max-width:760px;margin:0 auto;font-size:14.5px;line-height:1.85}.legal h2{margin:32px 0 8px;font-size:17px;font-weight:700;line-height:1.5}.legal h3{margin:20px 0 6px;font-size:15px}.legal p{margin:0 0 12px}.legal ul,.legal ol{margin:0 0 12px;padding-left:1.6em}.legal li{margin:2px 0}.legal-table{margin:0 0 12px;overflow-x:auto}.legal table{border-collapse:collapse;width:100%;min-width:520px;font-size:13.5px}.legal th,.legal td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:6px 10px}.legal th{background:var(--panel);font-weight:500}.todo-fill{color:#3a2d00;background:#ffe28a;border-radius:2px;padding:0 2px}.consent{margin:0}