.account-page,.journal-page-app{background:var(--bg);color:var(--ink)}
.account-page [hidden]{display:none!important}
.account-navigation{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:30px 0 42px;padding:7px;background:var(--panel);border:1px solid var(--line)}
.account-navigation a{display:flex;justify-content:center;align-items:center;padding:16px 12px;text-align:center;color:var(--muted);font-size:14px;line-height:1.4;text-decoration:none;border:1px solid transparent}
.account-navigation a:hover,.account-navigation a[aria-current]{color:var(--ink);background:color-mix(in srgb,var(--gold) 12%,var(--panel));border-color:var(--line)}
.account-navigation a:focus-visible,.account-section a:focus-visible,.account-deletion summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.account-section>h2{font:400 clamp(32px,4vw,48px)/1.15 var(--serif);margin-bottom:26px;scroll-margin-top:calc(var(--header-height) + 24px)}
.account-section>p,.account-panel>p{line-height:1.75;color:var(--muted)}
.account-overview-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:20px}
.account-overview-grid h3,.account-deletion h3{font:400 27px/1.25 var(--serif);margin-bottom:16px}
.account-overview-grid .text-link{display:inline-block;margin-top:22px}
.account-section .wallet-section:first-of-type{margin-top:32px}
.account-section-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;margin:24px 0}
.account-section .journal-entry{gap:14px;min-width:0}
.account-section .journal-entry h3{font:400 26px/1.3 var(--serif)}
.account-section .journal-entry p{line-height:1.7;color:var(--muted)}
.account-section .journal-entry a{margin-top:auto}
.account-deletion{margin-top:36px;border-color:color-mix(in srgb,var(--error) 45%,var(--line))}
.account-deletion details{margin-top:22px}.account-deletion summary{cursor:pointer;color:var(--error);padding:8px 0}
.account-deletion form{max-width:560px;margin-top:16px}
.account-page .account-main *{min-width:0}
.account-page .account-main :is(h1,h2,h3,p,a,button,label,summary,strong,span){overflow-wrap:anywhere}
.account-page .account-main input{max-width:100%;box-sizing:border-box}
.account-page .wallet-sources,.account-page .price-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,180px),1fr))}
@media(max-width:600px){.account-navigation{grid-template-columns:repeat(2,minmax(0,1fr));margin:24px 0 32px}.account-navigation a{padding:14px 8px}.account-page .account-intro h1{font-size:clamp(38px,10vw,48px)}.account-section>h2{scroll-margin-top:24px}.account-page .privacy-heading{gap:18px}.account-page .privacy-heading h2{font-size:32px}.account-section-actions{align-items:stretch;flex-direction:column}.account-deletion button{width:100%}}
.privacy-section{margin-top:70px}.privacy-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:28px}.privacy-heading h2{font:400 clamp(34px,4vw,52px)/1.15 var(--serif)}.privacy-heading>p,.privacy-history-head p,.privacy-withdraw p{color:var(--muted);line-height:1.75}.privacy-preferences{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.privacy-preferences fieldset{min-width:0;border:0}.privacy-preferences legend,.privacy-history h3,.privacy-detail h3,.privacy-withdraw h3{font:400 26px/1.3 var(--serif);margin-bottom:16px}.privacy-choice{display:flex;align-items:flex-start;gap:14px;margin:0!important}.privacy-choice input{width:22px;height:22px;min-height:0;margin-top:2px;flex:0 0 auto}.privacy-choice span{display:grid;gap:8px}.privacy-choice small{color:var(--muted);font-size:14px;line-height:1.65}.privacy-name-fields{margin-top:18px}.privacy-preferences>.primary{grid-column:1/-1;justify-self:start;margin:0!important}.privacy-history{margin-top:42px}.privacy-history-head{display:flex;align-items:flex-end;justify-content:space-between;gap:25px}.privacy-empty{color:var(--muted);padding:25px 0}.privacy-conversations{display:grid;gap:12px;margin-top:20px}.privacy-conversation{display:grid;grid-template-columns:1fr auto;align-items:stretch;border:1px solid var(--line);background:var(--panel)}.privacy-conversation-open{display:grid;gap:7px;text-align:left;padding:20px;border:0;background:transparent;color:var(--ink)}.privacy-conversation-open:hover,.privacy-conversation-open:focus-visible{background:color-mix(in srgb,var(--gold) 9%,transparent)}.privacy-conversation-open strong{font:400 21px var(--serif)}.privacy-conversation-open span{color:var(--muted);font-size:13px}.privacy-row-delete{margin:12px}.privacy-detail,.privacy-withdraw{margin-top:28px}.privacy-turns{display:grid;gap:16px}.privacy-turn{padding:18px;border-left:2px solid var(--gold);background:var(--bg)}.privacy-turn strong{font:400 20px var(--serif)}.privacy-turn p{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.7;margin:8px 0}.privacy-turn time{color:var(--muted);font-size:12px}.privacy-detail-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}.privacy-danger{border:1px solid var(--error);background:transparent;color:var(--error);padding:12px 20px}.privacy-danger:hover:not(:disabled),.privacy-danger:focus-visible{background:var(--error);color:var(--panel)}.privacy-withdraw{border-color:color-mix(in srgb,var(--error) 55%,var(--line))}.privacy-withdraw .privacy-danger{margin-top:18px}
@media(max-width:800px){.privacy-heading,.privacy-preferences{grid-template-columns:1fr}.privacy-history-head{align-items:flex-start;flex-direction:column}.privacy-conversation{grid-template-columns:1fr}.privacy-row-delete{justify-self:start}.privacy-preferences>.primary{grid-column:auto}}
@media(max-width:460px){.privacy-detail-actions>*{width:100%}.privacy-withdraw .privacy-danger{width:100%}}
.account-page .secondary:hover:not(:disabled),.journal-page-app .secondary:hover:not(:disabled){background:var(--ink);color:var(--bg)}
.phone-panel{display:grid;gap:18px}.phone-panel h4{font:400 23px/1.3 var(--serif);margin:8px 0}.phone-panel form{display:grid;gap:8px}.phone-panel form+form,.phone-panel details{border-top:1px solid var(--line);padding-top:20px;margin-top:4px}.phone-panel form button{margin-top:12px}.phone-current{display:flex;justify-content:space-between;gap:18px;padding:14px 16px;border:1px solid var(--line);background:var(--bg)}.phone-current span{color:var(--gold);font-family:ui-monospace,monospace}.phone-panel summary{cursor:pointer;color:var(--error)}.phone-panel .account-error{margin:0}.phone-panel .account-status{margin:0}.phone-panel details form{margin-top:14px}.phone-panel .privacy-danger{justify-self:start;margin-top:10px}
@media(max-width:460px){.phone-current{align-items:flex-start;flex-direction:column}.phone-panel button{width:100%}.phone-panel .privacy-danger{justify-self:stretch}}
.point-products,.point-purchases{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:20px;margin:24px 0}.point-offer h3,.point-purchase h3{font:400 30px/1.2 var(--serif);margin-bottom:16px}.point-price{color:var(--gold);font-size:22px}.point-offer button{margin-top:24px}.point-history-title{font:400 28px/1.3 var(--serif);margin-top:40px}.point-purchase>button{margin-top:20px}.point-confirmation{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.point-confirmation button{margin-top:15px;margin-right:12px}#punkte{font:400 clamp(28px,3vw,40px)/1.2 var(--serif);margin-bottom:24px;scroll-margin-top:calc(var(--header-height) + 24px)}
.point-refund{border-top:1px solid var(--line);margin-top:20px;padding-top:20px}.point-refund select{width:100%;min-height:48px;margin-top:14px;padding:10px 12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);font:inherit}.point-refund-state{margin-top:18px;padding:12px 14px;border-left:3px solid var(--gold);background:color-mix(in srgb,var(--gold) 8%,var(--panel));line-height:1.6}
.journal-detail>h2{scroll-margin-top:calc(var(--header-height) + 24px)}
@media(max-width:800px){.account-page .site-header,.journal-page-app .site-header{position:static}.journal-detail>h2{scroll-margin-top:24px}}
.account-main,.journal-main{width:min(1120px,90%);margin:auto;padding:80px 0 110px;min-height:calc(100svh - var(--header-height))}
.account-intro,.journal-intro{max-width:760px;margin-bottom:45px}.account-intro h1,.journal-intro h1{font:400 clamp(48px,6vw,76px)/1.05 var(--serif);letter-spacing:-.045em}.account-intro>p:last-child,.journal-intro>p:last-child{color:var(--muted);font-size:17px;line-height:1.8;margin-top:22px}
.recovery-actions{display:flex;flex-wrap:wrap;gap:12px}.recovery-result #recovery-copy-status{margin:14px 0 0}
@media(max-width:460px){.recovery-actions button{width:100%}}
.account-status,.journal-status{min-height:1.6em;color:var(--muted);font-size:14px;margin-bottom:18px}.account-error,.journal-error{padding:14px 18px;border:1px solid var(--error);color:var(--error);background:color-mix(in srgb,var(--error) 8%,var(--panel));margin-bottom:24px;white-space:pre-wrap}
.account-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.account-panel{padding:32px;border:1px solid var(--line);background:var(--panel);box-shadow:var(--soft-shadow)}.account-panel h2,.wallet-heading h2{font:400 clamp(28px,3vw,40px)/1.2 var(--serif);margin-bottom:22px}.account-panel label{margin-top:17px}.account-panel button[type=submit]{margin-top:24px}.account-panel .primary{width:100%}.account-hint{margin-top:16px;color:var(--muted);font-size:13px;line-height:1.65}.recovery-panel{grid-column:1/-1}.recovery-panel summary{font:400 22px var(--serif)}.recovery-panel form{max-width:610px;margin-top:22px}.recovery-result{max-width:760px}.recovery-result output{display:block;margin:25px 0;padding:18px;border:1px dashed var(--gold);color:var(--gold);font:600 18px/1.5 ui-monospace,monospace;overflow-wrap:anywhere;user-select:all}.member-head{display:flex;justify-content:space-between;align-items:center;gap:35px}.member-head h2{margin-bottom:8px}.member-head p:not(.eyebrow){color:var(--muted)}.member-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.verification-panel{margin-top:24px}.verification-panel>p{color:var(--muted)}.wallet-section{margin-top:65px}.wallet-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:end;margin-bottom:30px}.wallet-heading>p{color:var(--muted);line-height:1.8}.wallet-balance{display:grid;grid-template-columns:1fr auto;align-items:baseline}.wallet-balance>span:first-child{color:var(--muted)}.wallet-balance strong{grid-column:1;font:400 clamp(55px,7vw,86px)/1 var(--serif);color:var(--gold);margin-top:14px}.wallet-balance small{grid-column:2;grid-row:2;font-size:15px}.wallet-balance .held{grid-column:1/-1;border-top:1px solid var(--line);padding-top:16px;margin-top:22px;color:var(--muted)}.wallet-sources,.price-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}.wallet-source,.price-item{padding:22px;border:1px solid var(--line);background:var(--panel)}.wallet-source span,.price-item span{display:block;color:var(--muted);font-size:13px}.wallet-source strong,.price-item strong{display:block;font:400 27px var(--serif);margin-top:8px}.credit-rules{margin-top:20px}.credit-rules h3{font:400 24px var(--serif);margin-bottom:14px}.credit-rules p{color:var(--muted);line-height:1.75}.credit-rules p+p{margin-top:10px}
.registration-choices{display:grid;gap:18px;margin-top:25px;padding:22px 0 0;border:0;border-top:1px solid var(--line)}.registration-choices legend{font:400 22px/1.3 var(--serif);padding-right:12px}.registration-choices .privacy-choice{margin:0!important}.registration-choices .required-choice{padding:15px;border:1px solid color-mix(in srgb,var(--gold) 55%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--panel))}.registration-name-fields{padding-left:36px}.registration-name-fields label{margin-top:0}.registration-information{margin-top:22px;color:var(--muted);font-size:13px;line-height:1.65}.registration-information a{color:inherit;text-underline-offset:3px}
@media(max-width:800px){.account-main,.journal-main{padding:55px 0 80px}.account-grid,.wallet-heading{grid-template-columns:1fr}.member-head{align-items:flex-start;flex-direction:column}.wallet-sources,.price-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.account-main,.journal-main{width:88%}.account-panel{padding:23px}.wallet-sources,.price-list{grid-template-columns:1fr}.member-actions>*{width:100%;justify-content:center}}
.journal-guest{max-width:720px}.journal-guest p{color:var(--muted);margin:12px 0 25px}.journal-toolbar{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px}.journal-toolbar h2{font:400 36px var(--serif)}.journal-toolbar p{color:var(--muted);margin-top:8px}.journal-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.journal-entry{display:flex;flex-direction:column;align-items:stretch;text-align:left;padding:26px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.journal-entry:hover{border-color:var(--gold)}.journal-entry time{color:var(--gold);font-size:12px}.journal-entry strong{font:400 27px/1.3 var(--serif);margin:12px 0}.journal-entry span{color:var(--muted);line-height:1.7}.journal-detail{margin-top:40px}.journal-detail>h2{font:400 clamp(38px,5vw,58px)/1.1 var(--serif);margin:20px 0}.journal-cards{display:grid;gap:20px;margin:35px 0}.journal-reading-card{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:22px;border:1px solid var(--line);background:var(--bg)}.journal-reading-card img{width:100%;border-radius:6px}.journal-reading-card h3{font:400 28px var(--serif);margin-bottom:12px}.journal-reading-card p{color:var(--muted);margin-top:9px;line-height:1.7}.journal-reading-card blockquote{border-left:2px solid var(--gold);padding-left:16px;margin:16px 0 0;font:italic 18px/1.5 var(--serif)}.journal-groups{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.journal-groups section,.journal-reading-block,.journal-next{padding:22px;border:1px solid var(--line);margin-top:18px}.journal-groups h3,.journal-reading-block h3,.journal-next h3{font:400 23px var(--serif);margin-bottom:10px}.journal-groups p,.journal-reading-block p,.journal-next p{color:var(--muted);line-height:1.75}.note-form,.kim-choice,.delete-zone{border-top:1px solid var(--line);margin-top:30px;padding-top:25px}.note-actions{display:flex;align-items:center;gap:20px;margin-top:15px}.note-actions span{color:var(--muted)}.kim-choice label{display:flex;align-items:center;gap:12px;font-size:16px}.kim-choice input{width:20px;height:20px;min-height:0}.kim-choice p{color:var(--muted);font-size:13px;margin-top:8px}.delete-zone>div{margin-top:15px;padding:18px;border:1px solid var(--error)}.delete-zone>div p{margin-bottom:16px}.danger-button{border:1px solid var(--error);background:var(--error);color:var(--panel);padding:12px 20px;margin-left:10px}.legacy-section{margin-top:40px}.legacy-section p{color:var(--muted);margin-bottom:18px}.legacy-section pre{max-height:260px;overflow:auto;white-space:pre-wrap}.result-summary{color:var(--muted);font:400 22px/1.55 var(--serif)}
@media(max-width:760px){.journal-toolbar{align-items:flex-start;flex-direction:column}.journal-list,.journal-groups{grid-template-columns:1fr}.journal-reading-card{grid-template-columns:95px 1fr;gap:18px}}@media(max-width:460px){.journal-reading-card{grid-template-columns:1fr}.journal-reading-card img{width:130px;margin:auto}.note-actions{align-items:stretch;flex-direction:column}.danger-button{margin:10px 0 0}}

/* Personal account settings */
.settings-layout{display:grid;grid-template-columns:minmax(190px,240px) minmax(0,1fr);gap:34px;margin-top:24px;align-items:start}
.settings-navigation{display:flex;flex-direction:column;gap:5px;padding:10px;border:1px solid var(--line);border-radius:18px;background:color-mix(in srgb,var(--panel) 72%,transparent)}
.settings-navigation button{display:flex;align-items:center;gap:11px;width:100%;min-height:46px;padding:11px 13px;border:0;border-radius:12px;background:transparent;color:var(--muted);font:600 14px/1.2 Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.settings-navigation button>span{display:grid;place-items:center;width:21px;height:21px;color:var(--gold);font-size:13px}
.settings-navigation button:hover{background:var(--raised);color:var(--ink)}
.settings-navigation button[aria-current="page"]{background:var(--ink);color:var(--bg)}
.settings-navigation button[aria-current="page"]>span{color:var(--bg)}
.settings-navigation button:focus-visible,.appearance-card:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.settings-content,.settings-view{min-width:0}
.settings-view:focus{outline:none}
.settings-view>h3{font:400 clamp(30px,4vw,46px)/1.05 var(--serif);margin:3px 0 10px}
.settings-view>p:not(.eyebrow):not(.account-status){color:var(--muted);max-width:720px;margin:0 0 24px}
.settings-view>.account-panel{margin-top:20px}
.access-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:22px}
.settings-view .privacy-section{margin-top:0}

.appearance-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:24px}
.appearance-card{--preview-bg:#f6f2e9;--preview-panel:#fffdf7;--preview-ink:#293932;--preview-accent:#88662e;display:flex;flex-direction:column;gap:15px;min-height:168px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel);color:var(--ink);text-align:left;cursor:pointer;box-shadow:0 10px 28px color-mix(in srgb,var(--ink) 8%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.appearance-card:hover{transform:translateY(-2px);border-color:var(--gold);box-shadow:var(--soft-shadow)}
.appearance-card[data-active="true"]{border:2px solid var(--gold);padding:17px;box-shadow:0 0 0 4px color-mix(in srgb,var(--gold) 14%,transparent),var(--soft-shadow)}
.appearance-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;font-family:Inter,Arial,sans-serif}
.appearance-card-head strong{font-size:16px}
.appearance-active-label{min-height:18px;color:var(--gold);font-size:12px;font-weight:700}
.appearance-active-label:not(:empty)::before{content:"✓ ";font-size:14px}
.appearance-swatches{display:flex;gap:7px}
.appearance-swatches i{display:block;width:24px;height:24px;border-radius:50%;background:var(--preview-bg);border:1px solid #6b5d4938}
.appearance-swatches i:nth-child(2){background:var(--preview-ink)}
.appearance-swatches i:nth-child(3){background:var(--preview-accent)}
.appearance-preview{display:grid;grid-template-columns:1fr 72px;gap:12px;align-items:end;min-height:52px;padding:12px;border-radius:11px;background:var(--preview-bg);border:1px solid color-mix(in srgb,var(--preview-ink) 12%,transparent)}
.appearance-preview i{display:block;height:9px;border-radius:10px;background:var(--preview-ink);box-shadow:0 17px 0 color-mix(in srgb,var(--preview-ink) 36%,var(--preview-bg))}
.appearance-preview b{display:block;height:30px;border-radius:8px;background:var(--preview-accent)}
.appearance-card[data-account-theme="anthracite"]{--preview-bg:#24211f;--preview-panel:#2d2926;--preview-ink:#f3eadc;--preview-accent:#dfbc79}
.appearance-card[data-account-theme="plum"]{--preview-bg:#302331;--preview-panel:#3a2c3c;--preview-ink:#f3eadc;--preview-accent:#dfbc79}
.appearance-card[data-account-theme="forest"]{--preview-bg:#202c24;--preview-panel:#29372d;--preview-ink:#f3eadc;--preview-accent:#dfbc79}
.appearance-card[data-account-theme="terracotta"]{--preview-bg:#f1ddd0;--preview-panel:#fff5ea;--preview-ink:#40251d;--preview-accent:#a74725}
.appearance-status{min-height:24px;margin-top:16px}

@media(max-width:760px){.settings-layout{grid-template-columns:1fr;gap:22px}.settings-navigation{display:grid;grid-auto-flow:column;grid-auto-columns:max-content;overflow-x:auto;padding:7px;border-radius:14px;scrollbar-width:thin}.settings-navigation button{min-height:43px;padding:10px 13px}.appearance-grid{grid-template-columns:1fr}.settings-view>h3{font-size:34px}}
