:root{--ink:#302e30;--ink-soft:#6f6b6e;--pink:#d898a8;--pink-soft:#f6e8ec;--white:#fff;--paper:#f8f6f4;--line:#e9e5e2;--radius:18px;--font:"M PLUS Rounded 1c", "Hiragino Maru Gothic ProN", "Hiragino Sans", "Yu Gothic", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.7}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:30;background:var(--white);position:fixed;inset:0 0 auto}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.app-shell{background:var(--paper);flex-direction:column;width:100%;max-width:430px;min-height:100vh;margin:0 auto;display:flex}@media (width>=900px){.app-shell{box-shadow:0 0 0 1px var(--line)}}.site-header{top:env(safe-area-inset-top,0px);z-index:10;height:56px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));background:var(--white);justify-content:space-between;align-items:center;display:flex;position:sticky}.brand{align-items:center;gap:10px;display:flex}.brand img{width:auto;height:34px;display:block}.brand span{color:var(--ink-soft);font-size:11px;line-height:1.3}.header-link{align-items:center;min-height:40px;font-size:14px;font-weight:700;display:inline-flex}main{padding-block:12px 24px;padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}main.roomy{gap:24px}.stack{flex-direction:column;gap:12px;min-width:0;display:flex}.muted{color:var(--ink-soft)}.small{font-size:13px;line-height:1.6}.text-link{text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.page-title{font-size:22px;font-weight:800;line-height:1.4}.section-title{font-size:15px;font-weight:800}.btn{border:0;border-radius:999px;justify-content:center;align-items:center;min-height:48px;padding:10px 24px;font-weight:800;display:inline-flex}.btn-primary{background:var(--pink);color:var(--ink)}.btn-ink{background:var(--ink);color:var(--white)}.btn-ghost{background:var(--white);color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn-small{min-height:36px;padding:4px 16px;font-size:13px}.btn-block{width:100%}.btn[disabled]{opacity:.6;cursor:not-allowed}.bottom-cta{z-index:9;padding-block:12px calc(14px + env(safe-area-inset-bottom,0px));padding-left:max(16px, env(safe-area-inset-left,0px));padding-right:max(16px, env(safe-area-inset-right,0px));pointer-events:none;position:sticky;bottom:0}.bottom-cta .btn{pointer-events:auto;width:100%}.chips{scrollbar-width:none;gap:8px;margin:0 -16px;padding:4px 16px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--white);white-space:nowrap;border:0;border-radius:999px;flex:none;min-height:36px;padding:6px 14px;font-size:13px;font-weight:700}.chip[aria-pressed=true]{background:var(--ink);color:var(--white)}.tabs{gap:20px;padding:0 2px;display:flex}.tab{color:var(--ink-soft);background:0 0;border:0;padding:8px 0;font-weight:700;box-shadow:inset 0 -3px #0000}.tab[aria-pressed=true]{color:var(--ink);box-shadow:inset 0 -3px 0 var(--pink)}.intro{border-radius:var(--radius);background:var(--white);flex-direction:column;gap:12px;padding:20px;display:flex}.intro strong{font-size:20px;font-weight:800;line-height:1.5}.card{border-radius:var(--radius);background:var(--white);padding:18px;display:block}.card-title{font-size:17px;font-weight:800;line-height:1.5}.clamp-2{-webkit-line-clamp:2;color:var(--ink-soft);-webkit-box-orient:vertical;margin-top:4px;font-size:14px;display:-webkit-box;overflow:hidden}.author{flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:13px;display:flex}.card .author{margin-top:10px}.author-name{overflow-wrap:anywhere;font-weight:700}.attr-chip{background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:1px 10px;font-size:12px}.icon{border-radius:50%;flex:none;display:block}.card-meta{color:var(--ink-soft);flex-wrap:wrap;align-items:center;gap:4px 14px;margin-top:8px;font-size:13px;display:flex}.card-meta b{color:var(--ink);font-variant-numeric:tabular-nums}.spacer{margin-left:auto}.badge-open{background:var(--pink);color:var(--ink);border-radius:999px;padding:1px 10px;font-size:12px;font-weight:800;display:inline-block}.topic-tag{color:var(--ink-soft);font-size:12px;font-weight:700}.topic-row{flex-wrap:wrap;align-items:center;gap:4px 10px;display:flex}.open-section{flex-direction:column;gap:8px;display:flex}.open-title{align-items:center;gap:8px;font-size:15px;font-weight:800;display:flex}.open-title:before{content:"";background:var(--pink);border-radius:50%;width:8px;height:8px}.post{border-radius:var(--radius);background:var(--white);gap:12px;padding:18px;display:flex}.post-body{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.post-text{white-space:pre-wrap;overflow-wrap:anywhere}.post-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.upvote{background:var(--paper);font-variant-numeric:tabular-nums;border:0;border-radius:14px;flex-direction:column;flex:none;align-self:flex-start;align-items:center;gap:2px;width:44px;padding:6px 0;font-size:13px;font-weight:800;display:flex}.upvote svg{fill:none;width:20px;height:20px;stroke:var(--ink);stroke-width:2px}.upvote[aria-pressed=true]{background:var(--pink-soft)}.upvote[aria-pressed=true] svg{fill:var(--pink);stroke:var(--pink)}.menu{flex:none;position:relative}.menu>summary{cursor:pointer;width:32px;height:32px;color:var(--ink-soft);border-radius:50%;place-items:center;font-weight:800;list-style:none;display:grid}.menu>summary::-webkit-details-marker{display:none}.menu-panel{z-index:5;background:var(--white);width:min(264px,70vw);box-shadow:0 0 0 1.5px var(--line);border-radius:14px;flex-direction:column;gap:10px;padding:14px;font-size:13px;display:flex;position:absolute;top:36px;right:0}.form-card{border-radius:var(--radius);background:var(--white);flex-direction:column;gap:18px;padding:20px;display:flex}.field{border:0;flex-direction:column;gap:6px;min-width:0;margin:0;padding:0;display:flex}.label{padding:0;font-size:14px;font-weight:700}.input{border:1.5px solid var(--line);background:var(--white);border-radius:14px;width:100%;min-height:48px;padding:10px 14px;font-size:16px}textarea.input{resize:vertical;min-height:140px;line-height:1.7}.input:focus{border-color:var(--ink);outline:none}.topic-picker{flex-wrap:wrap;gap:8px;display:flex}.topic-picker input{opacity:0;width:0;height:0;position:absolute}.topic-picker span{background:var(--paper);cursor:pointer;border-radius:999px;align-items:center;min-height:38px;padding:4px 14px;font-size:14px;font-weight:700;display:inline-flex}.topic-picker input:checked+span{background:var(--ink);color:var(--white)}.topic-picker input:focus-visible+span{outline:2px solid var(--ink);outline-offset:2px}.toggle{cursor:pointer;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--line);border-radius:999px;flex:none;width:48px;height:28px;transition:background .15s;position:relative}.toggle-track:after{content:"";background:var(--white);border-radius:50%;width:22px;height:22px;transition:left .15s;position:absolute;top:3px;left:3px}.toggle input:checked+.toggle-track{background:var(--pink)}.toggle input:checked+.toggle-track:after{left:23px}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--ink);outline-offset:2px}.check{cursor:pointer;align-items:flex-start;gap:10px;font-size:14px;display:flex}.check input{width:20px;height:20px;accent-color:var(--ink);flex:none;margin-top:3px}.error{background:var(--pink-soft);border-radius:12px;padding:10px 14px;font-size:14px;font-weight:700}.rule-note{color:var(--ink-soft);font-size:13px;line-height:1.6}.steps{gap:8px;margin:0;padding:0;list-style:none;display:flex}.steps li{color:var(--ink-soft);box-shadow:inset 0 3px 0 var(--line);flex:1;padding-top:8px;font-size:12px;font-weight:700}.steps li.done{color:var(--ink);box-shadow:inset 0 3px 0 var(--pink)}.list-row{background:var(--white);border-radius:14px;flex-direction:column;gap:4px;padding:14px 18px;display:flex}.tag{background:var(--paper);color:var(--ink-soft);border-radius:999px;padding:0 8px;font-size:12px;font-weight:700;display:inline-block}.actions{flex-wrap:wrap;gap:8px;display:flex}.kpi{border-radius:var(--radius);background:var(--white);padding:18px}.kpi-value{font-variant-numeric:tabular-nums;font-size:32px;font-weight:800;line-height:1.3}.prose{flex-direction:column;gap:8px;display:flex}.prose h2{margin-top:16px;font-size:17px;font-weight:800}.draft-note{background:var(--pink-soft);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:700}.site-footer{color:var(--ink-soft);flex-wrap:wrap;justify-content:center;gap:8px 16px;padding-top:16px;font-size:12px;display:flex}.toast{left:50%;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:20;background:var(--ink);color:var(--white);white-space:nowrap;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:700;position:fixed;transform:translate(-50%)}@media (prefers-reduced-motion:reduce){.toggle-track,.toggle-track:after{transition:none}}