.account-page{min-height:100vh;display:flex;flex-direction:column}
.account-topbar .main-nav{margin-left:auto}
.account-main{width:min(960px,calc(100% - 48px));padding-top:68px;padding-bottom:86px;flex:1}
.account-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}
.account-heading h1{font-size:clamp(34px,5vw,52px);letter-spacing:-.065em;margin:16px 0 9px;line-height:1.1}
.account-heading h1 span{color:var(--orange)}
.account-heading p{margin:0;max-width:610px;color:#737c84;font-size:12px;line-height:1.9}
.account-heading>.button{flex:none;margin-bottom:3px}
.auth-panel,.account-card,.account-profile{border:1px solid var(--line);background:#fffdf8}
.auth-panel{max-width:560px;margin:0 auto;padding:27px 32px 24px}
.auth-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line)}
.auth-tab{border:0;border-bottom:2px solid transparent;padding:0 12px 12px;background:none;color:#7d858b;font-size:12px;cursor:pointer}
.auth-tab.active{border-bottom-color:var(--blue);color:var(--blue);font-weight:700}
.auth-lede{font-size:11px;color:#7a8288;line-height:1.8;margin:17px 0 19px}
.account-form{display:grid;gap:8px}
.account-form[hidden]{display:none}
.account-form label,.gift-form label{font-size:10px;font-weight:600;color:#515d67;margin-top:5px}
.account-form input,.gift-form input{height:42px;width:100%;border:1px solid #d9d6cd;background:#fff;padding:0 12px;color:var(--ink);font-size:11px;outline:none}
.account-form input:focus,.gift-form input:focus{border-color:#8293d7}
.field-hint{font-size:9px;color:#90969b;margin-top:-5px}
.account-submit{width:100%;margin-top:10px}
.account-footnote{font-size:9px;color:#92979b;line-height:1.7;margin:15px 0 0}
.account-message{min-height:14px;margin:9px 0 0;color:#b5524b;font-size:10px;line-height:1.6}
.account-global-message{min-height:16px;text-align:center;color:#b5524b;font-size:11px}
.account-dashboard{display:grid;gap:16px}
.account-dashboard[hidden]{display:none}
.sprite-filter-defs{position:absolute;width:0;height:0;overflow:hidden}
.account-profile{display:flex;justify-content:space-between;align-items:center;padding:15px 19px}
.profile-main{display:flex;align-items:center;gap:11px}
.profile-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#e7b99e;color:#fff;font-weight:700}
.profile-identity strong,.profile-identity span{display:block}
.profile-main strong{font-size:12px}
.profile-identity span{margin-top:4px;color:#8b9197;font:9px "DM Mono",monospace}
.account-level{margin-left:7px;padding:6px 9px;border:1px solid #d8dcef;border-radius:99px;background:#f1f3fc;color:#526bd1;font:9px "DM Mono",monospace;white-space:nowrap}
.quiet-button{border:0;background:none;color:#78818a;font-size:10px;cursor:pointer;padding:8px}
.quiet-button:hover{color:var(--blue)}
.account-columns{display:grid;grid-template-columns:1.08fr .92fr;align-items:start;gap:16px}
.account-column{display:grid;gap:16px;min-width:0}
.account-card{padding:22px}
.wallet-card{min-height:191px;display:flex;align-items:center;justify-content:space-between;gap:12px;background:linear-gradient(120deg,#f6f2e8,#eceff8)}
.wallet-copy{position:relative;z-index:1}
.wallet-card h2,.account-card h2{font-size:18px;letter-spacing:-.04em;margin:8px 0 6px}
.wallet-card p,.card-intro{margin:0;color:#77818a;font-size:10px;line-height:1.75}
.wallet-total{display:flex;align-items:baseline;gap:6px;margin-top:15px;color:var(--ink)}
.wallet-total strong{font:700 34px/1 "DM Mono",monospace;letter-spacing:-.06em}
.wallet-total span{font-size:11px;color:#7f8790}
.wallet-level-progress{min-height:14px;margin-top:8px!important;color:#6579c8!important;font-size:9px!important}
.wallet-mascot-frame{width:100px;height:76px;flex:none;overflow:hidden}
.wallet-mascot{width:100px;height:101px;background-image:url('/assets/dolphin-reactions.png');background-size:500% 300%;background-position:100% 100%;background-repeat:no-repeat;filter:url(#dolphin-sheet-cleanup)}
.card-kicker{display:flex;align-items:center;justify-content:space-between;color:#75808b;font:9px "DM Mono",monospace;letter-spacing:.12em}
.card-kicker span{letter-spacing:.02em;color:#9a9da1}
.daily-card h2,.gift-card h2,.history-card h2{margin-top:10px}
.checkin-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:18px}
.checkin-actions .button{min-height:42px;padding:0 10px;font-size:10px}
.checkin-actions b{font:10px "DM Mono",monospace}
.button:disabled{opacity:.48;cursor:not-allowed;transform:none}
.checkin-result{display:flex;align-items:center;gap:13px;margin-top:16px;padding:10px;background:#f3f1eb}
.checkin-result[hidden]{display:none}
.dolphin-reaction{width:88px;height:89px;flex:none;background-image:url('/assets/dolphin-reactions.png');background-size:500% 300%;background-position:var(--sprite-x,0%) var(--sprite-y,0%);background-repeat:no-repeat;clip-path:inset(0 0 17% 0);filter:url(#dolphin-sheet-cleanup)}
.checkin-result strong{font-size:11px}
.checkin-result p{margin:5px 0 0;color:#77818a;font-size:9px;line-height:1.65}
.gift-form{display:grid;grid-template-columns:1fr;gap:7px;margin-top:15px}
.gift-form input{height:37px}
.gift-form button{margin-top:6px;min-height:38px;font-size:10px}
.activity-list{list-style:none;margin:14px 0 0;padding:0}
.activity-list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid #ebe8e0}
.activity-list li:first-child{border-top:0}
.activity-list li div{min-width:0}
.activity-list li strong,.activity-list li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.activity-list li strong{font-size:10px;font-weight:600;color:#45515b}
.activity-list li span{font-size:9px;color:#94999d;margin-top:4px}
.activity-list li>b{flex:none;font:12px "DM Mono",monospace;color:#66876e}
.activity-list .activity-empty{justify-content:flex-start;color:#9a9fa3;font-size:10px;border:0;padding:10px 0}
.footer-account-link{font-size:10px;color:#76808a}
@media(max-width:700px){
  .account-main{width:calc(100% - 38px);padding-top:45px;padding-bottom:60px}
  .account-heading{align-items:start;flex-direction:column;gap:17px;margin-bottom:22px}
  .account-heading h1{font-size:36px}
  .account-heading p{font-size:11px}
  .account-heading>.button{min-height:35px}
  .auth-panel{padding:21px 17px}
  .account-columns{grid-template-columns:1fr;gap:12px}
  .account-column{gap:12px}
  .account-card{padding:18px 16px}
  .wallet-card{min-height:166px}
  .wallet-mascot-frame{width:86px;height:68px}
  .wallet-mascot{width:86px;height:87px}
  .checkin-actions{gap:7px}
  .checkin-actions .button{font-size:9px}
  .account-profile{padding:12px 14px}
  .footer{gap:10px}
}
.owned-stories-card{margin-top:16px;scroll-margin-top:30px}.owned-story-list{display:grid;gap:8px;margin-top:15px}.owned-story-item{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid #ebe8e0}.owned-story-copy{min-width:0}.owned-story-copy strong,.owned-story-copy span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.owned-story-copy strong{font-size:11px}.owned-story-copy span{margin-top:5px;color:#92979b;font-size:9px}.owned-story-actions{display:flex;gap:6px;flex:none}.owned-story-actions button{border:1px solid #d9d6cd;background:transparent;color:#69737c;padding:6px 9px;font-size:9px;cursor:pointer}.owned-story-actions button:hover{border-color:#8293d7;color:#4568e7}.owned-story-actions .owned-story-delete:hover{border-color:#d39891;color:#b5524b}.owned-story-empty{color:#92979b;font-size:10px;padding:8px 0}.story-editor{width:min(570px,100%)}.story-current-media{font-size:9px;color:#75808b;line-height:1.6;margin:13px 0 0}.story-current-media a{color:#4568e7;text-decoration:underline}.remove-story-media{display:flex;align-items:center;gap:7px;margin-top:10px;color:#707982;font-size:9px}.remove-story-media[hidden]{display:none}.remove-story-media input{width:auto;margin:0}.story-editor .upload-zone input{display:none}
@media(max-width:700px){.owned-story-item{align-items:flex-start;flex-direction:column;gap:9px}.owned-story-actions{align-self:flex-end}.story-gift-form{grid-template-columns:1fr 78px}.story-gift-form button{grid-column:1/-1}.account-level{font-size:8px;padding:5px 7px}}
