[data-account-modal-root]{position:relative;z-index:var(--layer-modal)}
[data-account-dock]{position:fixed;z-index:var(--layer-popover);top:calc(var(--header-height) + 18px);right:max(24px,calc((100vw - var(--max-width))/2 + 24px));width:max-content;pointer-events:none}.account-dock{position:relative;pointer-events:auto}.account-dock__trigger{height:46px;min-width:126px;display:flex;align-items:center;gap:10px;padding:4px 12px 4px 5px;border:1px solid rgba(255,255,255,.1);border-radius:999px;background:rgba(20,23,27,.94);box-shadow:0 12px 32px rgba(0,0,0,.22);color:var(--text);font:inherit;cursor:pointer;backdrop-filter:blur(16px);transition:border-color 160ms var(--ease),background 160ms var(--ease)}.account-dock__trigger:hover,.account-dock__trigger[aria-expanded=true]{border-color:rgba(255,255,255,.18);background:#191d22}.account-dock__avatar{position:relative;width:36px;height:36px;flex:0 0 36px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:#282d33;color:#fff;font-size:14px;font-weight:820}.account-dock__avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-dock__avatar img:not([hidden])+span{visibility:hidden}.account-dock__label{max-width:132px;overflow:hidden;color:#f2f4f7;font-size:var(--font-ui-sm);font-weight:760;text-overflow:ellipsis;white-space:nowrap}.account-dock__chevron{width:7px;height:7px;margin-left:auto;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;color:#8f98a5;transform:rotate(45deg) translateY(-2px)}
.account-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(390px,calc(100vw - 48px));max-height:calc(100dvh - var(--header-height) - 92px);overflow:hidden auto;scrollbar-gutter:stable;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#14171b;box-shadow:0 28px 72px rgba(0,0,0,.46);color:var(--text);animation:accountPanelIn 170ms var(--ease) both}.account-panel[hidden]{display:none}@keyframes accountPanelIn{from{opacity:0;transform:translateY(-4px) scale(.99)}to{opacity:1;transform:none}}.account-panel__header{min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:14px 17px;border-bottom:1px solid rgba(255,255,255,.065)}.account-panel__header span{color:#8f98a5;font-size:10px;font-weight:800;letter-spacing:.13em}.account-panel__header strong{display:block;margin-top:3px;color:#f2f4f7;font-size:17px;letter-spacing:-.03em}.account-panel__close{width:32px;height:32px;display:grid;place-items:center;border:0;border-radius:9px;background:transparent;color:#8f98a5;font-size:21px;cursor:pointer}.account-panel__close:hover{background:#1d2228;color:#fff}.account-panel__body{padding:17px}.account-panel__guest-title,.account-panel__empty strong{margin:0;font-size:19px;line-height:1.3;letter-spacing:-.035em}.account-panel__guest-copy,.account-panel__empty p{margin:9px 0 0;color:#aab2bd;font-size:var(--font-ui-sm);line-height:1.65}.account-panel__status,.account-registration-status{min-height:20px;margin:8px 0 0;color:#ffb36f;font-size:var(--font-ui-xs);line-height:1.5}.account-panel__status:empty{display:none}
.account-panel__summary{display:grid;grid-template-columns:68px minmax(0,1fr);gap:14px;align-items:center;padding:2px 0 18px}.account-profile-avatar-wrap{position:relative;width:64px;height:64px}.account-profile-avatar{position:relative;width:64px;height:64px;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer}.account-profile-avatar__image{box-sizing:border-box;position:relative;width:64px;height:64px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:50%;background:#282d33;color:#fff;font-size:16px;font-weight:820}.account-profile-avatar__image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.account-profile-avatar__image img:not([hidden])+span{visibility:hidden}.account-profile-avatar__overlay{position:absolute;inset:0;display:grid;place-items:center;border-radius:50%;background:rgba(4,6,8,.55);color:#fff;font-size:25px;font-weight:450;opacity:0;transition:opacity 150ms ease}.account-profile-avatar:hover .account-profile-avatar__overlay,.account-profile-avatar:focus-visible .account-profile-avatar__overlay{opacity:1}.account-profile-name-wrap{min-width:0}.account-profile-name-row{display:flex;align-items:center;gap:7px;min-width:0}.account-profile-name-row[hidden]{display:none}.account-profile-name-row strong{min-width:0;overflow:hidden;color:#f2f4f7;font-size:20px;letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap}.account-profile-edit{width:30px;height:30px;display:grid;place-items:center;flex:0 0 30px;border:0;border-radius:8px;background:transparent;color:#8f98a5;cursor:pointer}.account-profile-edit:hover{background:#1d2228;color:#d3d8df}.account-profile-edit svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.account-profile-form--inline{margin:0;padding:0;border:0}.account-profile-form[hidden]{display:none}.account-profile-form__row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:6px}.account-profile-form input{width:100%;min-width:0;height:38px;padding:0 10px;border:1px solid rgba(255,255,255,.1);border-radius:9px;outline:0;background:#101318;color:#f2f4f7;font:inherit;font-size:12px}.account-profile-form input:focus{border-color:rgba(103,167,255,.5);box-shadow:0 0 0 3px rgba(103,167,255,.08)}.account-profile-form button{min-width:48px;padding:0 9px;border:0;border-radius:9px;background:#4d8ee8;color:#fff;font:inherit;font-size:10px;font-weight:800;cursor:pointer}.account-profile-form button.is-ghost{background:transparent;color:#8f98a5}.account-profile-form button.is-ghost:hover{background:#1d2228;color:#fff}.account-profile-meta{margin:5px 0 0;color:#7f8995;font-size:10px;line-height:1.45}.account-profile-avatar-status{margin-top:5px}
.account-panel__tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:3px;border-radius:11px;background:#191d22}.account-panel__tabs button{min-height:36px;border:0;border-radius:8px;background:transparent;color:#8f98a5;font:inherit;font-size:11px;font-weight:760;cursor:pointer}.account-panel__tabs button:hover{color:#d3d8df}.account-panel__tabs button.is-active{background:#252b32;color:#f2f4f7}.account-panel__tab-panel{padding-top:15px}.account-panel__tab-panel[hidden]{display:none}.account-panel__stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.account-panel__stat{padding:12px 13px;border:1px solid rgba(255,255,255,.065);border-radius:11px;background:#171a1f;text-decoration:none}.account-panel__stat strong,.account-panel__stat span{display:block}.account-panel__stat strong{color:#f2f4f7;font:800 20px/1 system-ui,sans-serif}.account-panel__stat span{margin-top:6px;color:#8f98a5;font-size:10px}.account-panel__stat:is(a):hover{border-color:rgba(103,167,255,.2);background:#1b2026}.account-activity-links{display:grid;gap:2px;margin-top:10px}.account-activity-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:43px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:#cbd1d9;font-size:11px;font-weight:720;text-decoration:none}.account-activity-link:hover{background:#1d2228;color:#fff}.account-activity-link strong{color:#717b87;font-size:18px}.account-security-list{display:grid}.account-security-row{width:100%;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 10px;border:0;border-bottom:1px solid rgba(255,255,255,.055);background:transparent;color:#cbd1d9;font:inherit;text-align:left;text-decoration:none;cursor:pointer}.account-security-row:hover{background:#1d2228}.account-security-row span{min-width:0}.account-security-row strong,.account-security-row small{display:block}.account-security-row strong{color:#dce1e7;font-size:11px}.account-security-row small{margin-top:4px;color:#7f8995;font-size:10px;line-height:1.45}.account-security-row>b{color:#626c78;font-size:18px}.account-security-row--danger strong{color:#e6a0a7}.account-security-row--danger:hover strong{color:#ffb1b8}.account-panel__footer{padding:0 17px 17px}.account-panel__logout{width:100%;min-height:40px;border:1px solid transparent;border-radius:10px;background:var(--accent);color:#17120e;font:inherit;font-size:11px;font-weight:820;cursor:pointer;box-shadow:0 8px 20px rgba(255,119,0,.12)}.account-panel__logout:hover{border-color:transparent;background:var(--accent-hover);color:#130d08}
@media(max-width:1100px){[data-account-dock]{right:20px}.account-dock__trigger{min-width:46px;width:46px;padding:4px}.account-dock__label,.account-dock__chevron{display:none}}@media(max-width:700px){[data-account-dock]{top:calc(var(--header-height) + 12px);right:12px}.account-panel{position:fixed;top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:min(78dvh,640px);border-radius:18px}}

/* Support uses a full-width scene, so its account chip follows the viewport edge rather than the content column. */
[data-account-dock][data-account-context="support"]{right:clamp(24px,4vw,72px)}
@media(max-width:700px){[data-account-dock][data-account-context="support"]{position:absolute;top:calc(var(--header-height) + 12px);right:12px}}

/* Profile-image choices use the same modal layer as the crop workflow. */
.account-avatar-options-modal{z-index:2}
.account-avatar-options-modal__backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.account-avatar-options-dialog{position:relative;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#15171b;box-shadow:0 32px 90px rgba(0,0,0,.58)}
.account-avatar-options-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.075)}
.account-avatar-options-dialog>header span{display:block;color:var(--accent);font-size:var(--font-ui-xs);font-weight:850;letter-spacing:.14em}
.account-avatar-options-dialog>header strong{display:block;margin-top:3px;font-size:17px}
.account-avatar-options-dialog__body{padding:9px}
.account-avatar-option{width:100%;min-height:66px;display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:10px 12px;border:0;border-radius:13px;background:transparent;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:background 150ms var(--ease),color 150ms var(--ease)}
.account-avatar-option:hover,.account-avatar-option:focus-visible{background:rgba(255,255,255,.055)}
.account-avatar-option__icon{width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:rgba(255,255,255,.035);color:#dce2ea;font-size:18px;font-weight:800}
.account-avatar-option strong,.account-avatar-option small{display:block}
.account-avatar-option strong{font-size:var(--font-ui-sm);font-weight:800;letter-spacing:-.02em}
.account-avatar-option small{margin-top:4px;color:var(--text-muted);font-size:var(--font-ui-xs);line-height:1.45}
.account-avatar-options-dialog__divider{height:1px;margin:1px 12px;background:rgba(255,255,255,.075)}
@media(max-width:420px){.account-avatar-options-modal{padding:10px}.account-avatar-options-dialog{width:100%}.account-avatar-option{min-height:62px;padding-inline:10px}}

/* Account image crop workflow. */
.account-crop-modal{position:fixed;z-index:2;inset:0;display:grid;place-items:center;padding:20px}
.account-crop-modal[hidden]{display:none}
.account-crop-modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}
.account-crop-dialog{position:relative;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:22px;background:#15171b;box-shadow:0 32px 90px rgba(0,0,0,.58)}
.account-crop-dialog>header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid rgba(255,255,255,.075)}
.account-crop-dialog>header span{display:block;color:var(--accent);font-size:var(--font-ui-xs);font-weight:850;letter-spacing:.14em}
.account-crop-dialog>header strong{display:block;margin-top:3px;font-size:17px}
.account-crop-dialog>header button{width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.045);color:var(--text-secondary);font-size:22px;cursor:pointer}
.account-crop-dialog__body{padding:18px}
.account-crop-dialog canvas{display:block;width:min(300px,100%);height:auto;margin:0 auto;border-radius:50%;background:#202329;cursor:grab;touch-action:none;box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.account-crop-dialog canvas:active{cursor:grabbing}
.account-crop-dialog__body label{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:center;margin-top:17px;color:var(--text-secondary);font-size:var(--font-ui-xs)}
.account-crop-dialog__body input{width:100%;accent-color:var(--accent)}
.account-crop-dialog__body p{margin:10px 0 0;text-align:center;color:var(--text-muted);font-size:var(--font-ui-xs)}
.account-crop-dialog>footer{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0 18px 18px}
.account-crop-dialog>footer button{min-height:42px;border:1px solid rgba(255,255,255,.1);border-radius:11px;background:rgba(255,255,255,.035);color:var(--text-secondary);font:inherit;font-size:var(--font-ui-xs);font-weight:780;cursor:pointer}
.account-crop-dialog>footer button.is-primary{border-color:transparent;background:var(--accent);color:#17120e}
.account-crop-dialog>footer button:disabled{cursor:wait;opacity:.55}
.account-crop-open{overflow:hidden}
@media(max-width:420px){.account-panel__tabs button{padding:0 4px;font-size:var(--font-ui-xs)}.account-avatar-settings__actions{grid-template-columns:1fr}.account-crop-modal{padding:10px}}


/* Legal links and native hard-deletion workflow (v68). */
.account-panel__legal{margin:12px auto 0;color:var(--text-muted);font-size:var(--font-ui-xs);line-height:1.6;text-align:center}
.account-panel__legal a{color:var(--accent);font-weight:700;text-decoration:underline;text-decoration-color:rgba(255,119,0,.5);text-decoration-thickness:1px;text-underline-offset:3px}
.account-panel__legal a:hover{color:#ffad66;text-decoration-color:currentColor}
.account-delete-open{overflow:hidden}
.account-delete-modal{z-index:1}
.account-delete-modal__backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}
.account-dialog__title{display:block;margin-top:3px;font-size:18px;letter-spacing:-.025em}
.account-dialog__close{width:36px;height:36px;display:grid;place-items:center;border:0;border-radius:11px;background:rgba(255,255,255,.045);color:var(--text-secondary);font-size:23px;cursor:pointer}
.account-delete-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;width:min(620px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#15171b;box-shadow:0 36px 110px rgba(0,0,0,.66)}
.account-delete-dialog>header{position:sticky;z-index:2;top:0;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:17px 20px;border-bottom:1px solid rgba(255,255,255,.075);background:rgba(21,23,27,.96);backdrop-filter:blur(16px)}
.account-delete-dialog>header span{display:block;color:#ff8787;font-size:var(--font-ui-xs);font-weight:850;letter-spacing:.15em}
.account-delete-dialog__body,.account-delete-dialog__complete,.account-registration-dialog__body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:22px 22px 18px}
.account-delete-dialog__body h3,.account-delete-dialog__complete h3,.account-registration-dialog__body h3{margin:0;color:#fff;font-size:22px;line-height:1.35;letter-spacing:-.04em}
.account-delete-dialog__lead{margin:8px 0 14px;color:var(--text-secondary);font-size:var(--font-ui-sm)}
.account-delete-summary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.account-delete-summary>div{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.025)}
.account-delete-summary span{color:var(--text-secondary);font-size:var(--font-ui-xs);line-height:1.45}
.account-delete-summary strong{flex:0 0 auto;color:#fff;font:800 20px/1 Consolas,"Courier New",monospace}
.account-delete-notices{display:grid;gap:8px;margin-top:14px}
.account-delete-notices p{margin:0;padding:11px 13px;border:1px solid rgba(255,255,255,.065);border-radius:12px;background:rgba(255,255,255,.02);color:var(--text-muted);font-size:var(--font-ui-xs);line-height:1.65}
.account-delete-notices p:first-child{border-color:rgba(255,144,90,.18);background:rgba(255,119,0,.035);color:#f2c39d}
.account-delete-confirmation{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;align-items:start;margin-top:15px;padding:14px;border:1px solid rgba(255,96,96,.18);border-radius:14px;background:rgba(255,96,96,.035);cursor:pointer}
.account-delete-confirmation input{width:17px;height:17px;margin:1px 0 0;accent-color:#ff6f6f}
.account-delete-confirmation span{color:var(--text-secondary);font-size:var(--font-ui-xs);line-height:1.6}
.account-delete-retry{margin:8px 0 0;padding:8px 10px;border:1px solid rgba(255,119,0,.24);border-radius:10px;background:rgba(255,119,0,.06);color:#ffc18b;font:inherit;font-size:var(--font-ui-xs);font-weight:760;cursor:pointer}.account-delete-retry[hidden]{display:none}.account-delete-retry:hover{border-color:rgba(255,119,0,.4);background:rgba(255,119,0,.1);color:#fff}
.account-delete-provider{margin-top:12px}
.account-delete-provider[hidden]{display:none}
.account-delete-dialog>footer{position:relative;display:grid;grid-template-columns:1fr 1.35fr;gap:8px;padding:0 22px 22px;background:linear-gradient(180deg,rgba(21,23,27,0),#15171b 22px)}
.account-delete-dialog>footer[hidden]{display:none}
.account-delete-dialog>footer button{min-height:44px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(255,255,255,.035);color:var(--text-secondary);font:inherit;font-size:var(--font-ui-xs);font-weight:790;cursor:pointer}
.account-delete-dialog>footer button:only-child{grid-column:1/-1}
.account-delete-dialog>footer button.is-danger{border-color:rgba(255,96,96,.34);background:rgba(255,96,96,.1);color:#ffc1c1}
.account-delete-dialog>footer button.is-danger:hover:not(:disabled){border-color:rgba(255,96,96,.5);background:rgba(255,96,96,.16);color:#fff}
.account-delete-dialog>footer button.is-primary{grid-column:1/-1;border-color:transparent;background:var(--accent);color:#17120e}
.account-delete-dialog>footer button:disabled{cursor:not-allowed;opacity:.42}
.account-delete-dialog__complete{text-align:center}
.account-delete-dialog__complete-mark{width:58px;height:58px;display:grid;place-items:center;margin:2px auto 15px;border:1px solid rgba(111,218,130,.28);border-radius:50%;background:rgba(111,218,130,.08);color:#8ae89b;font-size:28px;font-weight:800}
.account-delete-dialog__complete p{margin:10px auto 0;max-width:480px;color:var(--text-secondary);font-size:var(--font-ui-sm);line-height:1.7}
.account-delete-dialog__complete a{display:inline-flex;margin-top:17px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:11px;color:var(--text);font-size:var(--font-ui-xs);font-weight:760;text-decoration:none}
.account-delete-dialog__complete a:hover{border-color:rgba(255,119,0,.3);background:rgba(255,119,0,.06)}
@media(max-width:560px){.account-delete-modal{padding:8px}.account-delete-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:20px}.account-delete-dialog__body,.account-delete-dialog__complete{padding:18px 16px 14px}.account-delete-summary{grid-template-columns:1fr}.account-delete-dialog>footer{padding:0 16px 16px;grid-template-columns:1fr}.account-delete-dialog>footer button{width:100%}.account-delete-dialog__body h3,.account-delete-dialog__complete h3{font-size:20px}}


/* Shared third-party authentication card and provider button system (v82). */
.auth-provider-card{width:100%;margin-top:16px;padding:clamp(14px,2vw,17px);border:1px solid rgba(255,255,255,.095);border-radius:17px;background:rgba(255,255,255,.022);box-shadow:inset 0 1px 0 rgba(255,255,255,.028)}
.auth-provider-card__copy strong{display:block;color:var(--text);font-size:var(--font-ui-sm);font-weight:820;letter-spacing:-.025em}
.auth-provider-card__copy p{margin:5px 0 0;color:var(--text-muted);font-size:var(--font-ui-xs);line-height:1.55}
.auth-provider-card--profile{margin-top:12px}
.auth-provider-card--danger{border-color:rgba(255,96,96,.18);background:rgba(255,96,96,.028)}
.auth-provider-list{display:grid;width:100%;gap:10px;margin-top:14px}
.auth-provider-button{position:relative;width:100%;min-width:0;height:48px;display:flex;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:0 18px;border:1px solid transparent;border-radius:5px;font-family:"Noto Sans KR","Malgun Gothic",Arial,sans-serif;font-size:14px;font-weight:700;line-height:20px;letter-spacing:-.01em;text-align:center;text-decoration:none;cursor:pointer;transition:filter 150ms ease,transform 150ms ease,box-shadow 150ms ease}
.auth-provider-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.auth-provider-button:focus-visible{outline:3px solid rgba(255,119,0,.34);outline-offset:3px}
.auth-provider-button[aria-disabled="true"],.auth-provider-button.is-disabled{cursor:not-allowed;filter:none;opacity:.42;pointer-events:none;transform:none}
.auth-provider-button__icon{width:24px;height:24px;flex:0 0 24px;display:grid;place-items:center;border-radius:3px}
.auth-provider-button__icon img{width:18px;height:18px;display:block;object-fit:contain}
.auth-provider-button__label{min-width:0;max-width:calc(100% - 34px);display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;transform:none}
.auth-provider-button--google{border-color:#dadce0;background:#fff;color:#3c4043;box-shadow:0 1px 2px rgba(0,0,0,.08)}
.auth-provider-button--google .auth-provider-button__icon{background:transparent}
.auth-provider-button--kakao{border-color:#fee500;background:#fee500;color:rgba(0,0,0,.85)}
.auth-provider-button--naver{background:#03c75a;color:#fff}
.auth-provider-button--github{border-color:#24292f;background:#24292f;color:#fff}
@media(max-width:420px){.auth-provider-button{height:46px;gap:9px;padding-inline:14px;font-size:13px;line-height:20px}.auth-provider-button__icon{width:22px;height:22px;flex-basis:22px}.auth-provider-button__icon img{width:17px;height:17px}.auth-provider-button__label{max-width:calc(100% - 31px)}}

.account-registration-open{overflow:hidden}
.account-registration-modal{z-index:1}
.account-registration-modal__backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}
.account-registration-dialog{position:relative;display:grid;grid-template-rows:auto minmax(0,1fr);width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:hidden;border:1px solid rgba(255,255,255,.11);border-radius:22px;background:#15171b;box-shadow:0 36px 110px rgba(0,0,0,.66)}
.account-registration-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.065)}
.account-registration-dialog__heading{min-width:0;display:grid;gap:3px;align-content:center}.account-registration-dialog>header .account-dialog__title{margin:0;color:#f3f5f7;font-size:20px;font-weight:850;letter-spacing:-.035em}
.account-registration-dialog>form{display:grid;grid-template-rows:minmax(0,1fr) auto;min-height:0;overflow:hidden}
.account-registration-dialog__body{min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px 22px 16px}
.account-registration-provider-status{display:inline-flex;align-items:center;gap:5px;width:max-content;margin:0;color:#87919d;font-size:9.5px;font-weight:720;line-height:1.35;letter-spacing:-.01em;white-space:nowrap}.account-registration-provider-status::before{content:"✓";color:#ff8b34;font-size:9.5px;font-weight:950}
.account-registration-field{display:block}
.account-registration-field__heading{display:flex!important;align-items:center;justify-content:space-between;gap:12px;margin-bottom:7px;color:#e7ebef;font-size:12px;font-weight:800}.account-registration-field__heading>span{display:block}.account-registration-nickname-status{min-height:1.3em;margin:0;color:#78838f;font-size:9.5px;font-weight:760;line-height:1.3;text-align:right}.account-registration-nickname-status:empty{visibility:hidden}.account-registration-nickname-status[data-state="checking"]{color:#8a95a1}.account-registration-nickname-status[data-state="available"]{color:#7fcf9f}.account-registration-nickname-status[data-state="error"]{color:#ef9b83}
.account-registration-field input{width:100%;height:43px;padding:0 13px;border:1px solid rgba(255,255,255,.11);border-radius:10px;outline:none;background:rgba(255,255,255,.025);color:var(--text);font:inherit;font-size:13px;transition:border-color 150ms var(--ease),background 150ms var(--ease),box-shadow 150ms var(--ease)}
.account-registration-field input:hover{border-color:rgba(255,255,255,.17);background:rgba(255,255,255,.035)}
.account-registration-field input:focus{border-color:rgba(255,119,0,.48);background:rgba(255,255,255,.035);box-shadow:0 0 0 2px rgba(255,119,0,.035)}
.account-registration-field__help{display:block;margin-top:7px;color:#7f8995;font-size:10px;line-height:1.55}
.account-registration-avatar{margin-top:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.065)}
.account-registration-avatar__heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.account-registration-avatar__heading strong{display:block;color:#edf0f3;font-size:12px;font-weight:820;letter-spacing:-.02em}
.account-registration-avatar__heading p{margin:4px 0 0;color:#89939f;font-size:10.5px;line-height:1.5}
.account-registration-avatar__preview{width:50px;height:50px;flex:0 0 50px;overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:#23272d}
.account-registration-avatar__preview img{width:100%;height:100%;object-fit:cover}
.account-registration-avatar__choices{display:grid;grid-template-columns:1fr 1fr;margin-top:11px;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:10px;background:#101318}
.account-registration-avatar__choices button{min-width:0;height:38px;padding:0 12px;border:0;border-right:1px solid rgba(255,255,255,.07);background:transparent;color:#8e98a5;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:background 140ms var(--ease),color 140ms var(--ease)}
.account-registration-avatar__choices button:last-child{border-right:0}
.account-registration-avatar__choices button:hover:not(:disabled){background:rgba(255,255,255,.035);color:#dfe4ea}
.account-registration-avatar__choices button.is-selected{background:rgba(255,119,0,.08);color:#f5f7f9;box-shadow:inset 0 -2px 0 rgba(255,119,0,.72)}
.account-registration-avatar__choices button:disabled{cursor:not-allowed;opacity:.42}
.account-registration-avatar__status{min-height:0;margin:7px 0 0;color:#ffb36f;font-size:10.5px;line-height:1.45}
.account-registration-avatar__status:empty{display:none}
.account-registration-avatar__note{margin:7px 0 0;color:#89939f;font-size:10.5px;line-height:1.5}
.account-registration-avatar__note[hidden]{display:none!important}
.account-registration-consents{display:grid;gap:8px;margin-top:17px;padding-top:16px;border-top:1px solid rgba(255,255,255,.065)}
.account-registration-consent{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:9px;align-items:center;min-height:30px;margin:0;padding:0;cursor:pointer}
.account-registration-consent input{appearance:none;width:16px;height:16px;margin:0;border:1px solid rgba(255,255,255,.25);border-radius:4px;background:#101318;display:grid;place-items:center;cursor:pointer;transition:border-color 140ms var(--ease),background 140ms var(--ease)}
.account-registration-consent input::after{content:"";width:7px;height:4px;border-left:2px solid #17120e;border-bottom:2px solid #17120e;transform:rotate(-45deg) translate(1px,-1px) scale(0);transition:transform 120ms ease}
.account-registration-consent input:checked{border-color:var(--accent);background:var(--accent)}
.account-registration-consent input:checked::after{transform:rotate(-45deg) translate(1px,-1px) scale(1)}
.account-registration-consent input:focus-visible{outline:2px solid rgba(255,119,0,.34);outline-offset:2px}
.account-registration-consent span{min-width:0;color:#bcc4cd;font-size:11px;line-height:1.5}
.account-registration-consent em{color:#ff9d4b;font-size:9px;font-style:normal;font-weight:800;letter-spacing:.03em}
.account-registration-consent a,.account-registration-privacy a{color:#f3b47e;text-decoration:underline;text-decoration-color:rgba(243,180,126,.3);text-underline-offset:3px}
.account-registration-privacy{margin:8px 0 0;color:#7f8995;font-size:10px;line-height:1.5}
.account-registration-dialog__footer{position:relative;display:flex;align-items:center;justify-content:flex-end;gap:9px;padding:12px 22px 16px;border-top:1px solid rgba(255,255,255,.055);background:#15171b}
.account-registration-dialog__footer button{height:42px;padding:0 16px;border:0;border-radius:10px;background:transparent;color:#8f99a5;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:background 140ms var(--ease),color 140ms var(--ease),opacity 140ms var(--ease)}
.account-registration-dialog__footer button:hover:not(:disabled){background:rgba(255,255,255,.045);color:#e9edf1}
.account-registration-dialog__footer button.is-primary{min-width:190px;border:1px solid transparent;background:var(--accent);color:#17120e}
.account-registration-dialog__footer button.is-primary:hover:not(:disabled){background:#ff8a24;color:#130d08}
.account-registration-dialog__footer button:disabled{cursor:not-allowed;opacity:.4;box-shadow:none}.account-registration-dialog__footer button.is-primary:disabled{border-color:rgba(255,255,255,.055);background:#24201c;color:#6d6258;opacity:1}
@media(max-width:560px){.account-registration-modal{padding:8px}.account-registration-dialog{width:100%;max-height:calc(100dvh - 16px);border-radius:20px}.account-registration-dialog>header{min-height:66px;padding:13px 16px}.account-registration-dialog__heading{gap:2px}.account-registration-dialog__body{padding:16px}.account-registration-dialog__footer{padding:11px 16px 14px}.account-registration-dialog__footer .account-registration-dialog__cancel{padding-inline:10px}.account-registration-dialog__footer button.is-primary{min-width:0;flex:1}.account-registration-provider-status{font-size:9.5px}.account-registration-field__heading{align-items:flex-start}.account-registration-nickname-status{max-width:58%;white-space:normal}}

[data-account-dock][data-account-context="lounge"]{position:static;z-index:auto;top:auto;right:auto;width:42px;pointer-events:auto}
[data-account-dock][data-account-context="lounge"] .account-dock__trigger{width:42px;min-width:42px;height:42px;padding:3px;border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);box-shadow:none}
[data-account-dock][data-account-context="lounge"] .account-dock__trigger:hover,[data-account-dock][data-account-context="lounge"] .account-dock__trigger[aria-expanded=true]{transform:none;background:rgba(255,255,255,.06)}
[data-account-dock][data-account-context="lounge"] .account-dock__avatar{width:34px;height:34px;flex-basis:34px}
[data-account-dock][data-account-context="lounge"] .account-dock__label,[data-account-dock][data-account-context="lounge"] .account-dock__chevron{display:none}
[data-account-dock][data-account-context="lounge"] .account-panel{top:calc(100% + 12px)}
@media(max-width:760px){[data-account-dock][data-account-context="lounge"]{position:static;top:auto;right:auto;width:36px}[data-account-dock][data-account-context="lounge"] .account-dock__trigger{width:36px;min-width:36px;height:36px;padding:2px}[data-account-dock][data-account-context="lounge"] .account-dock__avatar{width:30px;height:30px;flex-basis:30px}[data-account-dock][data-account-context="lounge"] .account-panel{position:fixed;top:auto;right:10px;bottom:10px;left:10px;width:auto;max-height:min(78dvh,640px);border-radius:18px}}


.account-registration-complete-open{overflow:hidden}
.account-registration-complete-modal{z-index:2}
.account-registration-complete-modal__backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(10px)}
.account-registration-complete-dialog{position:relative;width:min(440px,calc(100vw - 32px));display:grid;justify-items:center;gap:18px;padding:34px 30px 28px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:#15171b;box-shadow:0 36px 110px rgba(0,0,0,.66);text-align:center}
.account-registration-complete-dialog__mark{width:62px;height:62px;display:grid;place-items:center;border:1px solid rgba(255,119,0,.34);border-radius:50%;background:rgba(255,119,0,.11);color:var(--accent);font-size:31px;font-weight:850;line-height:1;box-shadow:0 12px 30px rgba(255,119,0,.1)}
.account-registration-complete-dialog__copy{display:grid;justify-items:center;gap:8px}
.account-registration-complete-dialog__eyebrow{color:var(--accent);font-size:var(--font-ui-xs);font-weight:850;letter-spacing:.15em}
.account-registration-complete-dialog h3{margin:0;color:#fff;font-size:24px;line-height:1.35;letter-spacing:-.045em}
.account-registration-complete-dialog p{max-width:340px;margin:0;color:var(--text-secondary);font-size:var(--font-ui-sm);line-height:1.7;word-break:keep-all}
.account-registration-complete-dialog__start{width:100%;min-height:50px;margin-top:2px;border:0;border-radius:13px;background:var(--accent);color:#17120e;font:inherit;font-size:var(--font-ui-sm);font-weight:850;cursor:pointer;box-shadow:0 12px 28px rgba(255,119,0,.17);transition:transform 160ms var(--ease),background 160ms var(--ease),box-shadow 160ms var(--ease)}
.account-registration-complete-dialog__start:hover:not(:disabled){transform:translateY(-1px);background:#ff8a24;box-shadow:0 16px 32px rgba(255,119,0,.2)}
.account-registration-complete-dialog__start:focus-visible{outline:3px solid rgba(255,119,0,.32);outline-offset:3px}
.account-registration-complete-dialog__start:disabled{cursor:not-allowed;opacity:.62;transform:none}
@media(max-width:560px){.account-registration-complete-modal{padding:12px}.account-registration-complete-dialog{width:100%;padding:30px 22px 22px;border-radius:20px}.account-registration-complete-dialog h3{font-size:22px}.account-registration-complete-dialog__mark{width:58px;height:58px;font-size:29px}}

.account-panel__tabs--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.account-journal-dashboard__head{display:grid;gap:4px;margin-bottom:16px}.account-journal-dashboard__head>strong{font-size:14px}.account-journal-dashboard__head>small,.account-journal-dashboard__empty{color:var(--text-muted);font-size:11px;line-height:1.55}
.account-journal-row{padding:15px 0;border-top:1px solid var(--line)}.account-journal-row:last-child{border-bottom:1px solid var(--line)}.account-journal-row>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.account-journal-row a{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text);font-size:13px;font-weight:750}.account-journal-row>div:first-child small{flex:0 0 auto;color:var(--text-muted);font-size:9px}.account-journal-row__metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:12px}.account-journal-row__metrics span{display:grid;gap:2px}.account-journal-row__metrics b{color:var(--text-secondary);font-size:12px}.account-journal-row__metrics small{color:var(--text-muted);font-size:9px}
.account-journal-row>div:first-child>span{display:flex;align-items:center;gap:8px;flex:0 0 auto}.account-journal-row__edit{color:var(--text-secondary)!important;font-size:9px!important;font-weight:750!important;text-decoration:underline;text-underline-offset:3px}


/* =========================================================
   v210 — Journal account dashboard: flat editorial layout
   ========================================================= */
.account-journal-dashboard__head{gap:5px;margin-bottom:14px}
.account-journal-dashboard__head>strong{color:#eef1f4;font-size:16px;letter-spacing:-.025em}
.account-journal-dashboard__head>small{color:#77818d;font-size:10px}
.account-writer-identity{
  display:grid;
  gap:0;
  margin:0 0 18px;
  padding:18px 0 20px;
  border-top:1px solid rgba(255,255,255,.07);
  border-bottom:1px solid rgba(255,255,255,.07);
}
.account-writer-identity__head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:0 1px 15px}
.account-writer-identity__head>div{display:grid;gap:5px;min-width:0}
.account-writer-identity__head span{color:#727d89;font-size:9px;font-weight:850;letter-spacing:.02em}
.account-writer-identity__head strong{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#f1f3f5;font-size:22px;line-height:1.15;letter-spacing:-.04em;white-space:nowrap}
.account-writer-identity__head>a{
  display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;
  padding:4px 0;border:0;border-radius:0;background:transparent;
  color:#9aa4af;font-size:9px;font-weight:800;text-decoration:none
}
.account-writer-identity__head>a:hover{color:#eef1f4}
.account-writer-identity__head>a span{color:#ff8122;letter-spacing:0}
.account-writer-identity__route{
  display:grid;grid-template-columns:66px minmax(0,1fr);align-items:baseline;gap:12px;
  padding:13px 1px;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
  background:transparent
}
.account-writer-identity__route span{color:#65707c;font-size:8px;font-weight:800}
.account-writer-identity__route code{min-width:0;color:#b1bac4;font:600 9px/1.55 Consolas,"SFMono-Regular",monospace;overflow-wrap:anywhere}
.account-writer-identity>p{margin:13px 1px 14px;color:#7d8793;font-size:10px;line-height:1.65}
.account-writer-handle-form{display:grid;gap:7px}
.account-writer-handle-form__input{
  display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
  height:40px;overflow:visible;
  border:0;border-bottom:1px solid rgba(255,255,255,.105);border-radius:0;
  background:transparent;
  transition:border-color .15s ease
}
.account-writer-handle-form__input:focus-within{border-color:rgba(255,138,50,.58);box-shadow:none}
.account-writer-handle-form__input>span{padding-left:1px;color:#8b95a0;font-size:15px;font-weight:850}
.account-writer-handle-form__input input{
  min-width:0;height:39px;padding:0 8px!important;border:0!important;outline:0!important;
  background:transparent!important;color:#edf0f3!important;font:inherit;font-size:13px;font-weight:780
}
.account-writer-handle-form__input button{
  align-self:center;min-width:0;height:30px;padding:0 1px 0 12px;border:0;background:transparent;
  color:#d29a6b;font:inherit;font-size:10px;font-weight:850;cursor:pointer
}
.account-writer-handle-form__input button:hover:not(:disabled){background:transparent;color:#ff9a4b}
.account-writer-handle-form__input button:disabled{opacity:.42;cursor:not-allowed}
.account-writer-handle-form__meta{display:grid;gap:4px}
.account-writer-handle-form__meta small{color:#66717d;font-size:9px;line-height:1.55}
.account-writer-handle-form__meta .account-panel__status{min-height:0;color:#d59a69;font-size:9px}
.account-journal-list{display:grid;border-top:1px solid rgba(255,255,255,.065)}
.account-journal-row{padding:16px 1px;border-top:0;border-bottom:1px solid rgba(255,255,255,.055)}
.account-journal-row:last-child{border-bottom:1px solid rgba(255,255,255,.055)}
.account-journal-row>div:first-child>a{font-size:12px}
.account-journal-row__metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:13px}
.account-journal-row__metrics span{padding:0 9px;background:transparent;border-radius:0}
.account-journal-row__metrics span:first-child{padding-left:0}
.account-journal-row__metrics span+span{border-left:1px solid rgba(255,255,255,.055)}
.account-journal-row__metrics b{font-size:12px}
.account-journal-row__metrics small{font-size:8px}
.account-journal-dashboard__empty--rich{
  display:flex;align-items:flex-start;gap:10px;
  min-height:0;padding:22px 1px 5px;
  border:0;border-radius:0;background:transparent
}
.account-journal-dashboard__empty--rich>span{
  flex:0 0 auto;width:auto;height:auto;display:block;margin-top:1px;
  border:0;border-radius:0;background:transparent;
  color:#b97b4d;font-size:14px;line-height:1
}
.account-journal-dashboard__empty--rich>div{display:grid;gap:4px}
.account-journal-dashboard__empty--rich strong{color:#d5dbe1;font-size:11px}
.account-journal-dashboard__empty--rich small{color:#697480;font-size:9px;line-height:1.55}
@media(max-width:520px){
  .account-writer-identity__head{align-items:flex-start;flex-direction:column;gap:9px}
  .account-writer-identity__route{grid-template-columns:1fr;gap:4px}
  .account-journal-row__metrics{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:10px}
  .account-journal-row__metrics span:nth-child(3){padding-left:0;border-left:0}
}