html.account-route .thread{max-width:1120px;padding:32px 24px 64px}html.account-route .topbar{display:none}
.account-page{display:grid;grid-template-columns:220px minmax(0,1fr);gap:40px;align-items:start}.account-page>h1,.account-page>p{grid-column:1/-1}.account-body{grid-column:2;min-width:0;display:flex;flex-direction:column;gap:24px}.account-body>h2{margin:0}.account-sidebar{position:sticky;top:24px;display:flex;flex-direction:column;gap:26px;min-width:0}.account-brand{font:400 26px Georgia,serif;text-decoration:none;padding:12px}.account-sidebar nav{display:flex;flex-direction:column;gap:4px}.account-sidebar nav a{padding:13px 16px;border-radius:12px;color:var(--soft-ink);text-decoration:none;min-height:48px}.account-sidebar nav a:hover{background:var(--wash)}.account-sidebar nav a[aria-current=page]{background:var(--accent-wash-hover);color:var(--gold);font-weight:600}.account-utilities{display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid var(--line);padding:20px 8px 0}.account-utilities>.text-button{flex-basis:100%;text-align:left}.account-menu-footer{border-top:1px solid var(--line);padding:20px 12px;display:grid;gap:12px}.account-menu-footer p{overflow-wrap:anywhere;font-size:12px;margin:0}.account-menu-footer button{text-align:left;padding:0;min-height:40px}.account-menu-footer small{font-size:11px}
.account-section-header{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.account-section-header h1{font:400 34px/1.15 Georgia,serif;margin:0;flex:1;min-width:180px}.account-section-header>p{order:3;flex-basis:100%;margin:0;overflow-wrap:anywhere;font-size:14px}.account-section-header .primary-button{margin:0}.account-card{min-width:0;border:1px solid var(--line);border-radius:20px;padding:24px;background:var(--wash);display:flex;flex-direction:column;align-items:flex-start;gap:14px}.account-card h2{font-size:18px;font-weight:500;margin:0}.account-card p{line-height:1.5;margin:0}.account-card>.credit-amount{font-size:38px;color:var(--gold)}.account-value{display:block;font-size:26px;line-height:1.3;font-weight:500;color:var(--ink)}.account-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.account-summary .account-block>.account-card{height:100%}.account-test-note{font-size:11px;color:var(--muted);margin:0}.account-block{min-width:0}.account-card details{max-width:100%;width:100%}.account-card summary{cursor:pointer;padding:10px 0;font-size:14px}.account-mobile-bar,.drawer-close,.billing-mobile{display:none}.account-drawer{padding:0;margin:0;width:min(320px,calc(100vw - 48px));height:100dvh;max-width:none;max-height:none;border:0;background:var(--bg);color:var(--ink);overflow:auto}.account-drawer::backdrop{background:#0009}.account-drawer .account-sidebar{display:flex;position:static;padding:24px 16px;gap:20px}.account-drawer .drawer-close{display:block}.account-page .conversation-list{margin:0;padding:0;border:0;min-width:0}.conversation-list>h2{font-size:20px;font-weight:500;margin-top:0}.conversation-list>h3{font-size:14px}.conversation-row{position:relative;padding:16px 44px 16px 0;border-bottom:1px solid var(--line)}.conversation-row>a{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--ink);line-height:1.45;text-decoration:none}.conversation-row>p{font-size:12px;margin:7px 0 0}.conversation-row>details{position:absolute;right:0;top:10px;z-index:1}.conversation-row summary{min-width:40px;min-height:40px;text-align:center;cursor:pointer;list-style:none}.conversation-row details[open]{background:var(--bg);border:1px solid var(--line);padding:4px;border-radius:12px;box-shadow:0 8px 30px #0003}.conversation-row details button{display:block;margin:4px;white-space:nowrap}.conversation-row details summary::-webkit-details-marker{display:none}
.account-toolbar{display:flex;gap:12px}.account-toolbar select{min-height:44px;max-width:100%;background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:10px}.activity-totals{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.activity-totals .account-card{padding:18px;gap:8px}.activity-totals .quiet{font-size:12px}.activity-totals .account-value{font-size:22px}.account-usage-chart{display:flex;align-items:stretch;gap:4px;height:190px;padding:12px 0;border-bottom:1px solid var(--line)}.activity-bar{flex:1;min-width:0;padding:0 0 8px;background:transparent;color:var(--muted);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;position:relative;isolation:isolate}.activity-bar:before{content:'';position:absolute;bottom:28px;width:60%;height:calc(var(--bar)*.7);min-height:2px;background:var(--gold);opacity:.4;border-radius:4px 4px 0 0;z-index:-1}.activity-bar[aria-pressed=true]:before{opacity:1}.activity-bar span{font-size:10px;margin-bottom:auto}.activity-bar small{font-size:10px}.account-day-detail{line-height:1.6;font-size:14px;min-height:48px}.session-row{padding:14px 0;border-bottom:1px solid var(--line);width:100%}.session-row p{font-size:12px;margin:8px 0}.account-confirm button{margin:8px 8px 0 0}
@media(max-width:1100px){.account-page{gap:24px;grid-template-columns:200px minmax(0,1fr)}.account-card{padding:20px}}
@media(max-width:959px){html.account-route .thread{padding:0 20px 48px}.account-page{display:block}.account-page>.account-sidebar{display:none}.account-body{display:flex;padding-top:24px;gap:20px}.account-mobile-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;border-bottom:1px solid var(--line);font-size:14px}.account-mobile-bar button{min-height:44px}.account-mobile-bar>.quiet{font-size:12px}.account-section-header h1{font-size:30px}.account-section-header .primary-button{min-height:44px}.account-utilities #sound-label{display:inline}}
@media(max-width:599px){html.account-route .thread{padding:0 16px 48px}.account-summary{grid-template-columns:1fr;gap:16px}.account-card{padding:20px;border-radius:16px}.account-card>.credit-amount{font-size:34px}.account-section-header h1{flex-basis:100%}.account-section-header>p{order:0}.account-section-header>.primary-button{width:100%}.account-mobile-bar>.quiet{display:none}.billing-desktop{display:none}.billing-mobile{display:block;width:100%}.billing-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:16px 0;border-bottom:1px solid var(--line)}.billing-row strong{font-weight:500;overflow-wrap:anywhere}.billing-row p,.billing-row time{font-size:12px}.activity-totals{gap:8px}.activity-totals .account-card{padding:12px 10px;border-radius:12px}.activity-totals .account-value{font-size:19px}.activity-totals .quiet{font-size:11px}.account-usage-chart{gap:2px}.account-usage-chart:has(.activity-bar:nth-child(30)) .activity-bar small{font-size:8px}.account-body .table-scroll{max-width:100%}}

.account-page .activity-bar{margin:0;min-height:44px;min-width:0}.activity-day-controls{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;margin:12px 0}.activity-day-controls button{min-height:44px;margin:0}.activity-mobile-days{display:none}@media(max-width:599px){.activity-desktop-table{display:none}.activity-mobile-days{display:block}.activity-mobile-days p{font-size:14px;line-height:1.6;padding:12px 0;border-bottom:1px solid var(--line)}.account-usage-chart:has(.activity-bar:nth-child(30)) .activity-bar small,.account-usage-chart:has(.activity-bar:nth-child(30)) .activity-bar span{visibility:hidden}}

.account-section-header h1,.auth-card h1{outline:none}.account-section-header>.primary-button{width:auto;flex:0 0 auto}.conversation-row .history-link{padding:0}.account-page{padding-top:0}@media(max-width:599px){.account-section-header>.primary-button{width:100%}}

/* Current session sign-in method. */
.account-section-header>.account-identity{order:3;flex-basis:100%;display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;min-width:0;font-size:14px}.account-identity>.quiet{overflow-wrap:anywhere;min-width:0}.auth-method-tag{font-size:11px;line-height:1.4;color:var(--ink);border:1px solid var(--line);border-radius:999px;background:var(--wash);padding:4px 9px}.auth-method-tag{display:inline-flex;max-width:100%}@media(max-width:599px){.account-section-header>.account-identity{order:0}.auth-method-tag{font-size:11px}}
