:root{--ink:#152420;--muted:#64736e;--green:#1d5549;--green-dark:#163b33;--mint:#dcebe5;--paper:#f6f7f3;--white:#fff;--gold:#c3903b;--red:#b44d42;--line:#dce2de;--shadow:0 8px 24px rgba(25,48,41,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans JP",sans-serif;letter-spacing:0;padding-bottom:88px}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.topbar{height:72px;padding:0 max(20px,calc((100vw - 920px)/2));display:flex;align-items:center;justify-content:space-between;background:rgba(246,247,243,.94);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand-mark{width:38px;height:38px;display:grid;place-items:center;background:var(--green);color:white;font-weight:700}.brand strong,.brand small{display:block}.brand strong{font-size:16px}.brand small{font-size:10px;color:var(--muted);margin-top:1px}.icon-button,.back-button{border:0;background:transparent;width:42px;height:42px;position:relative}.icon-button{color:var(--green);font-size:12px}.notification-dot{position:absolute;width:7px;height:7px;background:#d75a48;border-radius:50%;top:9px;right:9px;border:2px solid var(--paper)}main{max-width:920px;margin:auto}.view{display:none;padding:38px 28px 56px}.view.active{display:block}.welcome-band{background:var(--green-dark);color:white;padding:42px;display:grid;grid-template-columns:1fr 210px;gap:34px;align-items:end;box-shadow:var(--shadow)}.eyebrow{font-size:11px;font-weight:700;text-transform:uppercase;color:#789188;margin:0 0 8px}.welcome-band .eyebrow{color:#a8c9bd}.welcome-band h1{font-size:34px;line-height:1.45;margin:0 0 14px;letter-spacing:0}.welcome-band>div>p:last-child{color:#d0dfda;line-height:1.8;font-size:14px;max-width:480px;margin:0}.point-panel{border-left:1px solid rgba(255,255,255,.2);padding-left:30px}.point-panel span,.point-panel strong{display:block}.point-panel>span{font-size:12px;color:#bdd2cb}.point-panel strong{font-size:19px;margin:5px 0 8px}.point-panel strong b{font-size:38px}.text-button{padding:0;border:0;background:none;color:var(--green);font-weight:700;font-size:13px}.point-panel .text-button{color:white}.primary-action{width:calc(100% - 70px);margin:-16px 35px 20px;padding:20px 24px;border:0;background:white;box-shadow:var(--shadow);display:grid;grid-template-columns:48px 1fr 20px;gap:16px;align-items:center;text-align:left}.action-icon{width:46px;height:46px;background:var(--mint);color:var(--green);display:grid;place-items:center;font-size:28px}.primary-action strong,.primary-action small{display:block}.primary-action small{color:var(--muted);font-size:12px;margin-top:4px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:36px 0 16px}.section-heading h2,.history-block h2{font-size:20px;margin:0}.section-heading p:not(.eyebrow){font-size:12px;color:var(--muted);margin:6px 0 0}.post-list{display:grid;gap:10px}.post-card{background:white;border:1px solid var(--line);padding:18px 20px;display:grid;grid-template-columns:1fr auto;gap:10px;align-items:start}.post-card:hover{border-color:#a7bbb3}.post-card h3{font-size:15px;margin:5px 0 8px}.post-meta{font-size:11px;color:var(--muted);display:flex;gap:10px;flex-wrap:wrap}.status{font-size:11px;font-weight:700;padding:5px 8px;background:#edf1ef;color:var(--muted)}.status.review{background:#f4ead8;color:#8a6529}.status.done{background:var(--mint);color:var(--green)}.post-points{font-size:12px;color:var(--gold);font-weight:700;text-align:right}.impact-band{margin-top:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px 0;display:grid;grid-template-columns:1fr auto;align-items:center}.impact-band .eyebrow{grid-column:1}.impact-band strong{grid-column:2;grid-row:1/3;font-size:18px;color:var(--green)}.impact-band strong span{font-size:30px}.impact-band>p:last-child{margin:0;font-size:13px;color:var(--muted)}.page-heading{display:flex;gap:10px;align-items:center;margin-bottom:28px}.page-heading h1{font-size:28px;margin:0}.back-button{font-size:30px;margin-left:-12px}.post-form{max-width:680px;background:white;border:1px solid var(--line);padding:28px}.privacy-note{display:flex;gap:14px;background:#eef5f1;padding:16px;color:var(--green);margin-bottom:26px}.privacy-note strong{font-size:13px}.privacy-note p{margin:4px 0 0;color:#547068;font-size:12px;line-height:1.7}fieldset{border:0;padding:0;margin:0 0 22px}legend,.field{font-size:13px;font-weight:700}.segment-control{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);margin-top:9px}.segment-control label input{position:absolute;opacity:0}.segment-control span{display:block;text-align:center;padding:11px;border-right:1px solid var(--line);font-size:12px}.segment-control label:last-child span{border-right:0}.segment-control input:checked+span{background:var(--green);color:white}.field{display:block;margin:0 0 22px}.required{font-size:10px;color:var(--red);margin-left:7px}.field input,.field textarea,.field select{display:block;width:100%;margin-top:9px;border:1px solid #cbd5d0;background:white;padding:12px;outline:none;border-radius:0}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--green);box-shadow:0 0 0 2px rgba(29,85,73,.1)}.field textarea{min-height:145px;resize:vertical;line-height:1.7}.field>small{display:block;text-align:right;color:var(--muted);font-weight:400;margin-top:4px}.submit-button{border:0;background:var(--green);color:white;padding:14px 22px;font-weight:700}.post-form>.submit-button{width:100%}.filter-row{display:flex;gap:6px;margin-bottom:18px;overflow:auto}.filter{border:1px solid var(--line);background:white;padding:9px 16px;font-size:12px;white-space:nowrap}.filter.active{background:var(--green);border-color:var(--green);color:white}.balance-band{background:var(--green-dark);color:white;padding:25px 28px;display:flex;justify-content:space-between;align-items:center}.balance-band span{font-size:13px}.balance-band strong{font-size:17px}.balance-band b{font-size:32px}.reward-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.reward-card{background:white;border:1px solid var(--line);padding:20px}.reward-visual{height:80px;margin-bottom:16px;display:grid;place-items:center;font-size:30px;background:#edf1ef;color:var(--green)}.reward-card:nth-child(2) .reward-visual{background:#f4ead8;color:#9a6b20}.reward-card:nth-child(3) .reward-visual{background:#e8edf3;color:#526c86}.reward-card h3{font-size:14px;margin:0 0 4px}.reward-card p{font-size:11px;color:var(--muted);margin:0 0 15px}.reward-card button{width:100%;border:1px solid var(--green);background:white;color:var(--green);font-weight:700;padding:9px;font-size:12px}.reward-card button:disabled{border-color:var(--line);color:#9ba6a2;cursor:not-allowed}.history-block{margin-top:36px}.history-block h2{margin-bottom:14px}.history-row{display:flex;justify-content:space-between;padding:14px 2px;border-bottom:1px solid var(--line);font-size:13px}.history-row small{display:block;color:var(--muted);margin-top:3px}.history-row strong.plus{color:var(--green)}.history-row strong.minus{color:var(--red)}.profile-identity{display:flex;align-items:center;gap:18px;background:white;border:1px solid var(--line);padding:24px}.avatar{width:58px;height:58px;display:grid;place-items:center;background:var(--green);color:white;font-size:22px}.profile-identity strong{font-size:17px}.profile-identity p{font-size:12px;color:var(--muted);margin:5px 0 0}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:16px 0 28px;border:1px solid var(--line);background:white}.stats div{padding:18px;text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats dt{font-size:11px;color:var(--muted)}.stats dd{font-size:24px;font-weight:700;margin:4px 0 0}.settings{background:white;border:1px solid var(--line)}.settings button{display:flex;justify-content:space-between;width:100%;padding:18px;border:0;border-bottom:1px solid var(--line);background:white;text-align:left}.settings button:last-child{border:0}.bottom-nav{position:fixed;z-index:20;bottom:0;left:0;right:0;height:72px;background:white;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);padding:0 max(8px,calc((100vw - 600px)/2))}.bottom-nav button{border:0;background:white;color:#84908c;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px}.bottom-nav button>span{font-size:21px}.bottom-nav small{font-size:9px}.bottom-nav button.active{color:var(--green);font-weight:700}.bottom-nav .compose{width:52px;height:52px;align-self:center;justify-self:center;background:var(--green);color:white;border-radius:50%;box-shadow:0 5px 15px rgba(29,85,73,.25)}.bottom-nav .compose span{font-size:28px}.toast{position:fixed;z-index:50;left:50%;bottom:90px;transform:translate(-50%,20px);background:var(--ink);color:white;padding:12px 18px;font-size:13px;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:0;padding:0;max-width:430px;width:calc(100% - 32px);box-shadow:0 20px 60px rgba(0,0,0,.2)}dialog::backdrop{background:rgba(14,29,24,.55)}dialog form{padding:30px;position:relative}dialog h2{margin:0 0 10px}dialog p:not(.eyebrow){color:var(--muted);font-size:13px;line-height:1.7}.dialog-close{position:absolute;right:16px;top:14px;border:0;background:none;font-size:22px}.dialog-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.secondary-button{border:1px solid var(--line);background:white;padding:13px 18px}
@media(max-width:680px){body{padding-bottom:74px}.topbar{height:60px;padding:0 16px}.view{padding:24px 16px 40px}.welcome-band{padding:28px 23px 44px;grid-template-columns:1fr}.welcome-band h1{font-size:28px}.point-panel{border-left:0;border-top:1px solid rgba(255,255,255,.2);padding:18px 0 0;display:grid;grid-template-columns:1fr auto;align-items:end}.point-panel strong{grid-column:1}.point-panel .text-button{grid-column:2;grid-row:1/3}.point-panel strong b{font-size:30px}.primary-action{width:calc(100% - 24px);margin:-20px 12px 12px;padding:16px}.section-heading{margin-top:30px}.impact-band{margin-top:20px}.post-form{padding:20px;margin:0 -1px}.reward-grid{grid-template-columns:1fr}.reward-card{display:grid;grid-template-columns:72px 1fr auto;gap:13px;align-items:center}.reward-visual{height:62px;margin:0}.reward-card p{margin:3px 0 0}.reward-card button{width:auto}.page-heading h1{font-size:24px}.bottom-nav{height:64px}.bottom-nav .compose{width:48px;height:48px}.profile-identity{padding:20px}.stats div{padding:14px 5px}.stats dd{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Edo visual theme */
:root{--ink:#24251f;--muted:#6d695e;--green:#234a58;--green-dark:#183a47;--mint:#dbe2dc;--paper:#eee5cf;--white:#f9f2df;--gold:#a8782e;--red:#a83f2e;--line:#b8aa8c;--shadow:5px 6px 0 rgba(59,46,29,.16)}
body{background-color:var(--paper);background-image:radial-gradient(rgba(65,50,31,.08) .7px,transparent .8px);background-size:7px 7px}
h1,h2,h3,.brand strong,.primary-action strong,.submit-button,.point-panel strong{font-family:"Noto Serif JP",serif}
.topbar{background:rgba(239,229,206,.95);border-bottom:3px double #7f6a45}
.brand-mark{width:44px;height:44px;background:var(--red);font-family:"Noto Serif JP",serif;font-size:12px;border-radius:50%;transform:rotate(-5deg);outline:1px solid rgba(255,255,255,.55);outline-offset:-4px}
.brand strong{font-size:18px;letter-spacing:.08em}.brand small{color:#665a47}
.welcome-band{min-height:400px;background-image:linear-gradient(90deg,rgba(238,229,207,.98) 0%,rgba(238,229,207,.89) 32%,rgba(238,229,207,.18) 58%,rgba(238,229,207,0) 100%),url("assets/edo-town.png");background-size:cover;background-position:center;color:var(--ink);border:1px solid #8e7954;box-shadow:var(--shadow);align-items:center;position:relative;overflow:hidden}
.welcome-band .eyebrow{color:var(--red);font-size:13px;letter-spacing:.2em}.welcome-band h1{font-size:38px;line-height:1.5;text-shadow:0 1px #fff}.welcome-band>div:first-child{max-width:410px}.welcome-band>div>p:last-child{color:#514a3e;font-family:"Noto Serif JP",serif;font-weight:600}
.point-panel{position:absolute;z-index:2;right:16.8%;top:31.5%;width:108px;min-height:104px;background:#fffaf0;color:var(--ink);border:1px solid #9c8a68;padding:17px 7px 8px;box-shadow:1px 1px 0 rgba(52,42,29,.18);transform:rotate(-.7deg);text-align:center}.point-panel:before,.point-panel:after{content:"";display:block;position:absolute;top:6px;width:4px;height:4px;border-radius:50%;background:#4f4638}.point-panel:before{left:8px}.point-panel:after{right:8px}.point-panel>span{color:#554c3e;font-family:"Noto Serif JP",serif;font-size:10px;font-weight:700;letter-spacing:.05em;border-bottom:1px solid #c9bda5;padding:0 0 4px}.point-panel strong{color:var(--red);margin:3px 0 2px;font-size:12px}.point-panel strong b{font-size:28px}.point-panel .text-button{color:var(--green);font-family:"Noto Serif JP",serif;font-size:10px;text-decoration:underline;text-underline-offset:3px}
.primary-action{border:2px solid #745b37;background:#f8efd9;box-shadow:var(--shadow);position:relative}.primary-action:before,.primary-action:after{content:"";position:absolute;width:9px;height:9px;background:#5a462c;border-radius:50%;top:9px}.primary-action:before{left:9px}.primary-action:after{right:9px}.action-icon{background:var(--red);color:white;border-radius:50%;font-family:serif}.text-button{color:#8c3428}.post-card,.post-form,.reward-card,.profile-identity,.stats,.settings{background:#f8f0dc;border-color:#9e8964}.post-card{border-left:5px solid var(--green);box-shadow:2px 3px 0 rgba(74,56,34,.1)}.post-card:nth-child(even){border-left-color:var(--red)}.status{border:1px solid #8e8069;background:transparent}.status.review{background:#e9d6a8;color:#6e4d18}.status.done{background:#d3dfd7;color:#234a42}.impact-band{border-color:#9b8764}.impact-band strong{color:var(--red);font-family:"Noto Serif JP",serif}.page-heading .eyebrow,.section-heading .eyebrow{color:var(--red);letter-spacing:.15em}.privacy-note{background:#ebe1c7;border:1px dashed #9d8058;color:var(--ink)}.seal{flex:0 0 40px;width:40px;height:40px;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%;color:var(--red);font-family:"Noto Serif JP",serif;font-weight:900;transform:rotate(-8deg)}.segment-control{border-color:#9e8964}.segment-control span{border-color:#9e8964}.segment-control input:checked+span{background:var(--red)}.field input,.field textarea,.field select{background:#fffaf0;border-color:#a99470}.submit-button{background:var(--red);box-shadow:3px 3px 0 #5d3027}.filter.active{background:var(--red);border-color:var(--red)}.balance-band{background-color:var(--green-dark);background-image:linear-gradient(45deg,rgba(255,255,255,.035) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.035) 50%,rgba(255,255,255,.035) 75%,transparent 75%);background-size:12px 12px;border:3px double #c7b581}.reward-card{box-shadow:3px 4px 0 rgba(74,56,34,.12)}.reward-visual{background:#d9ddd3;border:1px solid #9b8968;font-family:"Noto Serif JP",serif;font-weight:900}.reward-card button{border-color:var(--red);color:var(--red);background:#fbf3df}.avatar{background:var(--red);border-radius:50%;outline:2px solid #f5dfc2;outline-offset:-6px}.bottom-nav{background:#efe3c8;border-top:3px double #796443}.bottom-nav button{background:transparent;color:#756a56}.bottom-nav button.active{color:var(--red)}.bottom-nav .compose{background:var(--red);border:3px solid #f4e4c5;box-shadow:0 4px 0 #6d3028}.toast{background:#2e2b24;border:1px solid #d5bc86}.required{color:var(--red)}dialog{background:#f6ecd5;border:4px double #806840}dialog form{background-image:radial-gradient(rgba(65,50,31,.08) .7px,transparent .8px);background-size:7px 7px}
@media(max-width:680px){.welcome-band{min-height:470px;margin-bottom:58px;background-image:linear-gradient(180deg,rgba(238,229,207,.96) 0%,rgba(238,229,207,.83) 42%,rgba(238,229,207,0) 72%),url("assets/edo-town.png");background-position:65% center;align-content:start;overflow:visible}.welcome-band h1{font-size:30px}.welcome-band>div:first-child{max-width:340px}.point-panel{display:flex;align-items:center;justify-content:center;gap:10px;top:100%;right:0;width:100%;min-height:0;height:58px;padding:0 14px;background:#fffaf0;border:1px solid #8e7954;transform:none}.point-panel:before,.point-panel:after{display:none}.point-panel>span{font-size:10px;border:0;padding:0}.point-panel strong{margin:0}.point-panel strong b{font-size:25px}.point-panel .text-button{font-size:11px;margin-left:auto}.primary-action{margin-top:-23px}.reward-card{background:#f8f0dc}}

.character-status{display:grid;grid-template-columns:112px 1fr auto;gap:20px;align-items:center;margin:18px 0 8px;padding:16px 20px 16px 16px;background:#f8f0dc;border:1px solid #9e8964;border-left:6px solid var(--red);box-shadow:3px 4px 0 rgba(74,56,34,.12)}
.character-portrait{display:block;background-repeat:no-repeat;background-size:500% 100%;background-position:0 center;background-color:#eadcbd;border:1px solid #8f7955}.character-portrait.courier{background-image:url("assets/progress-courier.png")}.character-portrait.merchant{background-image:url("assets/progress-merchant.png")}.character-portrait.firefighter{background-image:url("assets/progress-firefighter.png")}.character-portrait.healer{background-image:url("assets/progress-healer.png")}.character-portrait.rank-0{background-position:0 center}.character-portrait.rank-1{background-position:25% center}.character-portrait.rank-2{background-position:50% center}.character-portrait.rank-3{background-position:75% center}.character-portrait.rank-4{background-position:100% center}.character-status>.character-portrait{width:112px;height:112px}
.rank-line{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rank-line h2{margin:0;font-size:20px}.rank-badge{background:var(--red);color:white;padding:5px 10px;font:700 12px "Noto Serif JP",serif;transform:rotate(-2deg)}.rank-message{margin:6px 0 10px;color:var(--muted);font-size:12px}.rank-progress{height:9px;background:#d8cbae;border:1px solid #9d8964;max-width:360px}.rank-progress span{display:block;height:100%;width:0;background:var(--green);transition:width .35s}.rank-next{margin:5px 0 0;color:#76674e;font-size:10px}.character-change{white-space:nowrap}
.profile-identity>.character-portrait{width:74px;height:74px;flex:0 0 74px}.character-select{margin-top:28px}.character-options{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.character-options>button{position:relative;border:1px solid #9e8964;background:#f8f0dc;padding:10px;text-align:left}.character-options>button.active{border:3px solid var(--red);padding:8px;box-shadow:3px 3px 0 rgba(86,46,32,.16)}.character-options .character-portrait{width:100%;aspect-ratio:1;margin-bottom:10px}.character-options strong,.character-options small,.character-options b{display:block}.character-options strong{font-family:"Noto Serif JP",serif;font-size:14px}.character-options small{color:var(--muted);font-size:10px;margin:3px 0 9px}.character-options b{color:var(--red);font-size:10px}.character-options>button.active b:before{content:"✓ ";}
@media(max-width:680px){.character-status{grid-template-columns:86px 1fr;padding:13px;gap:13px}.character-status>.character-portrait{width:86px;height:96px}.character-change{grid-column:2;justify-self:start}.rank-line{gap:7px}.rank-line h2{font-size:17px}.rank-message{line-height:1.6}.character-options{grid-template-columns:1fr}.character-options>button{display:grid;grid-template-columns:76px 1fr;column-gap:12px}.character-options .character-portrait{grid-row:1/4;width:76px;height:76px;margin:0}.character-options small,.character-options b{grid-column:2}}
.character-portrait{background-size:500% auto}
.thanks-action{width:calc(100% - 70px);margin:0 35px 18px;padding:14px 18px;border:1px solid #9e8964;background:#f8f0dc;display:grid;grid-template-columns:42px 1fr auto;gap:14px;align-items:center;text-align:left;box-shadow:2px 3px 0 rgba(74,56,34,.1)}.thanks-action strong,.thanks-action small{display:block}.thanks-action strong{font-family:"Noto Serif JP",serif}.thanks-action small{font-size:11px;color:var(--muted);margin-top:3px}.thanks-seal{width:38px;height:38px;display:grid;place-items:center;border:2px solid var(--red);border-radius:50%;color:var(--red);font:900 17px "Noto Serif JP",serif;transform:rotate(-7deg)}.thanks-remaining{font-size:11px;color:var(--muted)}.thanks-remaining b{color:var(--red);font-size:17px}.received-thanks{margin-top:18px;padding:0 20px 16px;background:#fffaf0;border:1px solid #9e8964;border-top:5px solid var(--gold)}.received-thanks .section-heading{margin:18px 0 8px}.received-points{color:var(--red);font-weight:700}.received-thanks blockquote{margin:0;padding:12px 15px;background:#eee2c7;border-left:3px solid var(--red);font:600 13px/1.8 "Noto Serif JP",serif}.received-thanks>p{font-size:10px;color:var(--muted);margin:9px 0 0}.received-thanks>p span{background:#ded6bf;color:var(--green);padding:3px 7px;margin-right:8px}.thanks-intro{display:flex;gap:14px;align-items:center;padding:14px;background:#eee2c7;border:1px dashed #9e8964;margin-bottom:14px}.thanks-intro strong{font-family:"Noto Serif JP",serif;font-size:13px}.thanks-intro p{margin:3px 0 0;color:var(--muted);font-size:11px}.thanks-limit{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;margin-bottom:24px;background:var(--green-dark);color:white;font-size:12px}.thanks-limit b{font-size:22px;color:#f0d995}.thanks-categories{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:9px}.thanks-categories input{position:absolute;opacity:0}.thanks-categories span{display:block;padding:10px 5px;text-align:center;border:1px solid #9e8964;background:#fffaf0;font-size:11px}.thanks-categories input:checked+span{background:var(--red);border-color:var(--red);color:white}.consent-check{display:flex;gap:10px;align-items:flex-start;margin:-4px 0 20px;font-size:11px;line-height:1.6}.consent-check input{margin-top:3px}.thanks-form>.submit-button{width:100%}.sent-thanks-history{max-width:680px;margin-top:28px}.sent-thanks-history h2{font-size:18px}.sent-thanks-row{display:flex;justify-content:space-between;gap:12px;padding:13px 2px;border-bottom:1px solid var(--line);font-size:12px}.sent-thanks-row small{display:block;color:var(--muted);margin-top:3px}.sent-thanks-row span{color:#8a6529;white-space:nowrap}
@media(max-width:680px){.thanks-action{width:calc(100% - 24px);margin:0 12px 16px;grid-template-columns:40px 1fr}.thanks-remaining{grid-column:2}.thanks-categories{grid-template-columns:repeat(2,1fr)}.received-thanks{padding-left:14px;padding-right:14px}}
.settings-link{display:flex;justify-content:space-between;align-items:center;width:100%;padding:18px;border-bottom:1px solid var(--line);background:white;color:inherit;text-decoration:none}.settings-link small{display:block;color:var(--muted);font-size:10px;margin-top:3px}.admin-entry{background:#eee2c7}.admin-entry b{font-family:"Noto Serif JP",serif;color:var(--red)}
.post-card-actions{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.post-detail-button{border:0;border-bottom:1px solid currentColor;background:transparent;color:var(--red);padding:2px 0;font-size:11px;font-weight:700}.post-detail-body{white-space:pre-wrap;color:var(--ink)!important;border-top:1px solid #b9a581;border-bottom:1px solid #b9a581;padding:18px 0;line-height:1.9!important}.post-detail-info{margin:18px 0 0}.post-detail-info div{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid rgba(128,104,64,.25)}.post-detail-info dt{font-size:11px;color:var(--muted)}.post-detail-info dd{margin:0;font-size:13px;line-height:1.7}@media(max-width:520px){.post-detail-info div{grid-template-columns:1fr;gap:4px}}
.notification-list{max-height:min(60vh,520px);overflow:auto;margin-top:18px;border-top:1px solid var(--line)}.notification-row{padding:15px 2px;border-bottom:1px solid var(--line)}.notification-row>div{display:flex;justify-content:space-between;gap:16px;align-items:start}.notification-row strong{font-family:"Noto Serif JP",serif;font-size:14px}.notification-row small{color:var(--muted);font-size:10px;white-space:nowrap}.notification-row p{margin:6px 0 0!important;color:var(--ink)!important}.notification-empty{padding:28px 2px;color:var(--muted);font-size:13px;text-align:center}.notification-dot[hidden],[hidden]{display:none!important}.topbar-actions{display:flex;align-items:center;gap:4px}.top-logout{height:34px;border:1px solid #9e8964;background:#fffaf0;color:var(--red);padding:0 12px;font:700 11px "Noto Serif JP",serif}@media(max-width:680px){.brand small{display:none}.top-logout{padding:0 9px}}