:root{--mail-night:var(--color-paper);--mail-panel:#181020;--mail-raised:#22162d;--mail-ink:#faf2e7;--mail-muted:#bcaec8;--mail-gold:#ddbf75;--mail-rule:#513b62}:is(html:has(.mailbox-shell),body:has(.mailbox-shell)){background:var(--color-paper);min-width:100%;min-height:100%}.mailbox-shell{background:var(--color-paper);width:100%;max-width:none;min-height:100dvh;color:var(--mail-ink);margin:0;padding:clamp(16px,4vw,64px);font-family:Noto Sans KR,sans-serif}.mailbox-auth{border:1px solid var(--mail-rule);background:var(--mail-panel);grid-template-columns:minmax(0,1fr) minmax(360px,.82fr);max-width:1180px;min-height:680px;margin:auto;display:grid}.mailbox-intro{background:linear-gradient(145deg, #21162d, var(--mail-panel));flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.mailbox-intro:after{content:"";z-index:0;opacity:.5;pointer-events:none;background:url(/images/img_chara-main04-B1.webp) bottom/auto 100% no-repeat;width:58%;height:72%;position:absolute;inset:auto -4% -3% auto}.mailbox-intro>*{z-index:1;position:relative}.mailbox-mark,.mailbox-intro>p,.mailbox-kicker,.mailbox-preview article>p{color:var(--mail-gold);letter-spacing:.16em;font-size:11px;font-weight:700;text-decoration:none}.mailbox-intro h1{overflow-wrap:anywhere;max-width:68%;margin:0;font-family:Cormorant Garamond,Noto Serif KR,serif;font-size:clamp(42px,5vw,70px);font-weight:500;line-height:1}html[lang=ja] .mailbox-intro h1{word-break:break-all;max-width:56%;font-family:Noto Serif JP,Noto Serif KR,serif;font-size:clamp(38px,4vw,56px);line-height:1.14}.mailbox-intro>span{color:var(--mail-muted);letter-spacing:.12em;font-size:11px}.mailbox-card{flex-direction:column;justify-content:center;padding:clamp(32px,6vw,72px);display:flex}.mailbox-card h2{margin:12px 0;font-family:Cormorant Garamond,Noto Serif KR,serif;font-size:42px;font-weight:500}.mailbox-card>p{color:var(--mail-muted);line-height:1.7}.mailbox-form{gap:14px;margin-top:28px;display:grid}.mailbox-form label{color:var(--mail-muted);gap:7px;font-size:12px;font-weight:700;display:grid}.mailbox-form input{border:1px solid var(--mail-rule);background:var(--mail-raised);min-height:48px;color:var(--mail-ink);padding:0 14px}.mailbox-form button,.mailbox-preview header button{background:var(--mail-gold);min-height:48px;color:var(--mail-night);border:0;font-weight:800}.mailbox-mode{border:0;border-bottom:1px solid var(--mail-gold);color:var(--mail-gold);background:0 0;align-self:start;margin-top:18px;padding:0;font-size:12px}.mailbox-form button:disabled{opacity:.55}.mailbox-error{color:#ef9b9b!important}.mailbox-notice{color:#b9d7bd!important}.mailbox-loading{place-items:center;display:grid}.mailbox-loading span{color:var(--mail-gold);font-size:32px}.mailbox-app{grid-template-columns:250px minmax(0,1fr);padding:0;display:grid}.mailbox-sidebar{border-right:1px solid var(--mail-rule);background:var(--mail-panel);flex-direction:column;min-height:100dvh;padding:32px 22px;display:flex}.mailbox-sidebar>strong{font:500 28px var(--font-display);letter-spacing:.06em;margin:42px 0 24px}.mailbox-sidebar button{width:100%;color:var(--mail-muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:12px;display:flex}.mailbox-sidebar nav{gap:3px;margin-top:22px;display:grid}.mailbox-sidebar nav .active{color:var(--mail-ink);background:var(--mail-raised)}.mailbox-compose{font-weight:800;background:var(--mail-gold)!important;color:var(--mail-night)!important;justify-content:center!important}.mailbox-logout{margin-top:auto}.mailbox-content{min-width:0;padding:clamp(24px,5vw,64px)}.mailbox-content header{border-bottom:1px solid var(--mail-rule);justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.mailbox-content header p{color:var(--mail-gold);letter-spacing:.16em;margin:0;font-size:10px}.mailbox-content header h1{font:500 48px var(--font-display);margin:6px 0}.mailbox-content header span{color:var(--mail-muted)}.mailbox-content header label{border:1px solid var(--mail-rule);background:var(--mail-panel);align-items:center;gap:8px;min-width:min(360px,40vw);padding:11px 14px;display:flex}.mailbox-content header input{width:100%;color:var(--mail-ink);background:0 0;border:0;outline:0}.mailbox-empty{text-align:center;place-items:center;min-height:60vh;display:grid}.mailbox-empty span{color:var(--mail-gold);font-size:30px}.mailbox-empty h2{font:500 34px var(--font-display);margin:12px 0 4px}.mailbox-empty p{color:var(--mail-muted)}.mailbox-settings{max-width:680px;padding-top:48px}.mailbox-settings h2{font:500 38px var(--font-display)}.mailbox-settings dl{border-top:1px solid var(--mail-rule)}.mailbox-settings dl div{border-bottom:1px solid var(--mail-rule);grid-template-columns:180px minmax(0,1fr);padding:18px 0;display:grid}.mailbox-settings dt{color:var(--mail-muted)}.mailbox-settings dd{margin:0}.mailbox-compose-layer{z-index:20;background:#08050cd1;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.mailbox-compose-card{border:1px solid var(--mail-rule);background:var(--mail-panel);gap:16px;width:min(680px,100%);padding:28px;display:grid}.mailbox-compose-card header{justify-content:space-between;display:flex}.mailbox-compose-card header p{color:var(--mail-gold);letter-spacing:.16em;margin:0;font-size:10px}.mailbox-compose-card h2{font:500 34px var(--font-display);margin:4px 0}.mailbox-compose-card header button{color:var(--mail-muted);background:0 0;border:0}.mailbox-compose-card label{color:var(--mail-muted);gap:7px;font-size:12px;display:grid}.mailbox-compose-card input,.mailbox-compose-card textarea{border:1px solid var(--mail-rule);color:var(--mail-ink);background:var(--mail-raised);resize:vertical;padding:12px}.mailbox-compose-card footer{justify-content:flex-end;gap:10px;display:flex}.mailbox-compose-card footer button{border:1px solid var(--mail-rule);color:var(--mail-ink);background:0 0;align-items:center;gap:7px;padding:11px 16px;display:flex}.mailbox-compose-card footer button:last-child{border-color:var(--mail-gold);color:var(--mail-night);background:var(--mail-gold)}@media (max-width:720px){.mailbox-shell{padding:8px}.mailbox-auth{grid-template-columns:minmax(0,1fr);min-height:0}.mailbox-intro{min-height:280px;padding:28px}.mailbox-intro h1{max-width:74%;font-size:44px}.mailbox-app{grid-template-columns:minmax(0,1fr);padding:0}.mailbox-sidebar{border-right:0;border-bottom:1px solid var(--mail-rule);min-height:auto}.mailbox-sidebar>strong,.mailbox-logout{display:none}.mailbox-sidebar nav{display:flex;overflow-x:auto}.mailbox-sidebar nav button{min-width:max-content}.mailbox-content header{flex-direction:column;align-items:start}.mailbox-content header label{width:100%;min-width:0}}.mailbox-sidebar nav small{color:var(--mail-muted);letter-spacing:.18em;margin:18px 12px 7px;font-size:9px;font-weight:800}.mailbox-label-violet{color:var(--color-accent);fill:color-mix(in oklch, var(--color-accent) 32%, transparent)}.mailbox-label-gold{color:var(--mail-gold);fill:color-mix(in oklch, var(--mail-gold) 28%, transparent)}.mailbox-settings-layout{grid-template-columns:220px minmax(0,760px);gap:clamp(28px,5vw,72px);padding-top:42px;display:grid}.mailbox-settings-layout .mailbox-settings{max-width:none;padding-top:0}.mailbox-settings-nav{align-content:start;gap:3px;display:grid}.mailbox-settings-nav button{min-height:43px;color:var(--mail-muted);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:0 12px;display:flex}.mailbox-settings-nav button:hover,.mailbox-settings-nav button.active{color:var(--mail-ink);background:var(--mail-raised)}.mailbox-settings-nav button.active{box-shadow:inset 2px 0 var(--mail-gold)}.settings-intro{color:var(--mail-muted);margin:0 0 24px;font-size:13px;line-height:1.8}.settings-toggle,.settings-field{border-top:1px solid var(--mail-rule);grid-template-columns:minmax(180px,.7fr) minmax(220px,1fr);align-items:center;min-height:68px;padding:12px 0;display:grid}.settings-toggle>span{align-items:center;gap:10px;font-weight:700;display:flex}.settings-toggle>button{border:1px solid var(--mail-rule);background:var(--mail-raised);cursor:pointer;border-radius:99px;width:44px;height:24px;padding:0;position:relative}.settings-toggle>button i{background:var(--mail-muted);border-radius:50%;width:16px;height:16px;transition:transform .16s,background-color .16s;position:absolute;top:3px;left:3px}.settings-toggle>button.on{border-color:var(--mail-gold)}.settings-toggle>button.on i{background:var(--mail-gold);transform:translate(19px)}.settings-field{align-items:start}.settings-field>span{padding-top:10px;font-weight:700}.settings-field textarea,.settings-field select{border:1px solid var(--mail-rule);width:100%;color:var(--mail-ink);background:var(--mail-raised);resize:vertical;padding:11px 12px}.settings-field input{border:1px solid var(--mail-rule);width:100%;color:var(--mail-ink);background:var(--mail-raised);padding:11px 12px}.settings-field textarea:disabled{opacity:.5;cursor:not-allowed}.settings-stack{gap:12px;display:grid}.settings-rule{border:1px solid var(--mail-rule);background:var(--mail-raised);justify-content:space-between;align-items:center;gap:12px;padding:13px 15px;display:flex}.settings-rule button{color:var(--mail-muted);cursor:pointer;background:0 0;border:0}.settings-button-row{flex-wrap:wrap;gap:10px;display:flex}.settings-button-row button:disabled{opacity:.45;cursor:not-allowed}.density-compact .mailbox-sidebar button{padding-top:8px;padding-bottom:8px}.density-compact .settings-toggle,.density-compact .settings-field{min-height:54px;padding-top:7px;padding-bottom:7px}.settings-outline{border:1px solid var(--mail-gold);min-height:42px;color:var(--mail-gold);cursor:pointer;background:0 0;padding:0 15px}.settings-save{border-top:1px solid var(--mail-rule);align-items:center;gap:16px;margin-top:28px;padding-top:22px;display:flex}.settings-save button{min-height:44px;color:var(--mail-night);background:var(--mail-gold);cursor:pointer;border:0;padding:0 18px;font-weight:800}.settings-save span{color:var(--mail-muted);font-size:12px}@media (max-width:900px){.mailbox-settings-layout{grid-template-columns:1fr}.mailbox-settings-nav{padding-bottom:8px;display:flex;overflow-x:auto}.mailbox-settings-nav button{min-width:max-content}}@media (max-width:720px){.settings-toggle,.settings-field{grid-template-columns:1fr;gap:10px}}.mailbox-compose-page{min-height:calc(100dvh - 128px)}.compose-page-head{border-bottom:1px solid var(--mail-rule);justify-content:space-between;align-items:end;gap:24px;padding-bottom:24px;display:flex}.compose-page-head p{color:var(--mail-gold);letter-spacing:.18em;margin:0;font-size:10px;font-weight:800}.compose-page-head h1{font:500 48px var(--font-display);margin:5px 0}.compose-page-head span{color:var(--mail-muted);font-size:13px}.compose-page-head>button{border:0;border-bottom:1px solid var(--mail-gold);color:var(--mail-gold);cursor:pointer;background:0 0;padding:9px 0}.compose-actions{border-bottom:1px solid var(--mail-rule);align-items:center;gap:5px;min-height:62px;display:flex;overflow-x:auto}.compose-actions>span{flex:1}.compose-actions button{min-width:max-content;min-height:38px;color:var(--mail-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:7px;padding:0 12px;display:flex}.compose-actions button:hover,.compose-actions button.selected{color:var(--mail-ink);background:var(--mail-raised)}.compose-actions button.primary{border-color:var(--mail-gold);color:var(--mail-night);background:var(--mail-gold);font-weight:800}.compose-envelope{border-bottom:1px solid var(--mail-rule)}.compose-envelope label{border-bottom:1px solid color-mix(in oklch, var(--mail-rule) 60%, transparent);grid-template-columns:118px minmax(0,1fr) auto;align-items:center;min-height:54px;display:grid;position:relative}.compose-envelope label:last-child{border-bottom:0}.compose-envelope label>span{color:var(--mail-muted);font-size:12px;font-weight:700}.compose-envelope input{min-width:0;height:53px;color:var(--mail-ink);background:0 0;border:0;outline:0}.compose-envelope button{color:var(--mail-muted);cursor:pointer;background:0 0;border:0}.compose-envelope button.important{color:var(--mail-gold);font-weight:800}.compose-workspace{border-bottom:1px solid var(--mail-rule);grid-template-columns:minmax(0,1fr);min-height:450px;display:grid}.compose-workspace.with-preview{grid-template-columns:minmax(0,1fr) minmax(260px,.42fr)}.compose-editor{grid-template-rows:auto minmax(360px,1fr);min-width:0;display:grid}.compose-formatbar{border-bottom:1px solid var(--mail-rule);align-items:center;min-height:48px;padding:0 7px;display:flex;overflow-x:auto}.compose-formatbar select,.compose-formatbar button{min-height:32px;color:var(--mail-muted);cursor:pointer;background:0 0;border:0;padding:0 8px}.compose-formatbar select{border-right:1px solid var(--mail-rule)}.compose-formatbar button:hover{color:var(--mail-ink);background:var(--mail-raised)}.compose-body{min-height:360px;color:var(--mail-ink);outline:0;padding:28px 8px;line-height:1.8}.compose-body:empty:before{color:var(--mail-muted);content:attr(data-placeholder);pointer-events:none}.compose-preview{border-left:1px solid var(--mail-rule);background:var(--mail-panel);padding:28px}.compose-preview small{color:var(--mail-gold);letter-spacing:.16em;font-weight:800}.compose-preview p{color:var(--mail-muted);font-size:13px;line-height:1.8}.compose-attachments{border-bottom:1px solid var(--mail-rule);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;min-height:72px;display:grid}.compose-attachments label{border:1px solid var(--mail-rule);cursor:pointer;align-items:center;gap:8px;min-height:38px;padding:0 12px;display:flex}.compose-attachments input{opacity:0;width:1px;height:1px;position:absolute}.compose-attachments p{min-width:0;color:var(--mail-muted);overflow-wrap:anywhere;font-size:12px}.compose-status{color:var(--mail-muted);justify-content:space-between;gap:20px;padding-top:16px;font-size:11px;display:flex}@media (max-width:720px){.compose-page-head{flex-direction:column;align-items:start}.compose-page-head h1{font-size:40px}.compose-workspace.with-preview{grid-template-columns:1fr}.compose-preview{border-top:1px solid var(--mail-rule);border-left:0}.compose-envelope label{grid-template-columns:86px minmax(0,1fr) auto}.compose-attachments{grid-template-columns:1fr;gap:4px;padding:14px 0}}.mailbox-address-builder{border:1px solid var(--mail-rule);background:var(--mail-raised);grid-template-columns:minmax(100px,1fr) auto minmax(170px,auto);align-items:center;display:grid}.mail-live{min-width:0}.mail-live button,.mail-live select,.mail-live input{font:inherit}.mail-message-tools,.mail-pagination{border-bottom:1px solid var(--mail-rule);flex-wrap:wrap;align-items:center;gap:10px;padding:14px 0;display:flex}.mail-message-tools button,.mail-pagination button,.mail-reading>button,.mail-queue button,.mail-attachment-list button{border:1px solid var(--mail-rule);min-height:36px;color:var(--mail-ink);background:var(--mail-panel);cursor:pointer;align-items:center;gap:7px;padding:6px 12px;display:inline-flex}.mail-live button:disabled{opacity:.45;cursor:not-allowed}.mail-message-tools select,.mail-message-tools input[type=datetime-local]{border:1px solid var(--mail-rule);color:var(--mail-ink);background:var(--mail-panel);padding:8px}.mail-message-row{border-bottom:1px solid var(--mail-rule);grid-template-columns:20px 28px minmax(0,1fr);align-items:center;gap:10px;min-height:60px;padding:6px 12px;display:grid}.mail-message-row.unread{background:var(--mail-raised)}.mail-message-row>button{color:var(--mail-gold);cursor:pointer;background:0 0;border:0}.mail-message-row .mail-open-message{color:var(--mail-ink);text-align:left;grid-template-columns:minmax(100px,.4fr) minmax(0,1fr) auto;align-items:center;gap:20px;padding:12px 0;display:grid}.mail-open-message strong,.mail-open-message span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mail-message-row:not(.unread) strong{font-weight:400}.mail-open-message time{color:var(--mail-muted);font-size:11px}.mail-reading{overflow-wrap:anywhere;padding:28px 0}.mail-reading h2{font-size:26px;line-height:1.5}.mail-reading>p,.mail-reading>time{color:var(--mail-muted)}.mail-reading pre,.mail-preview pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.9}.mail-reading iframe{border:1px solid var(--mail-rule);width:100%;min-height:65vh}.mail-reading>button{margin:8px}.mail-preview{border:1px solid var(--mail-rule);padding:28px}.mail-text-editor{border:1px solid var(--mail-rule);width:100%;min-height:420px;color:var(--mail-ink);background:var(--mail-panel);font:inherit;resize:vertical;padding:24px;line-height:1.8}.mail-receipt{color:var(--mail-muted);align-items:center;gap:10px;margin:18px 0;display:flex}.mail-attachment-list{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.mail-queue{border:1px solid var(--mail-rule);margin:20px 0;padding:14px}.mail-queue>div{flex-wrap:wrap;align-items:center;gap:14px;padding:9px;display:flex}.mail-queue time{color:var(--mail-muted);font-size:12px}.density-compact .mail-message-row{min-height:40px;padding-top:0;padding-bottom:0}@media (max-width:720px){.mail-message-row .mail-open-message{grid-template-columns:minmax(0,1fr) auto;gap:5px}.mail-open-message span{grid-area:2/1/auto/-1}}.mailbox-address-builder input{border:0;min-width:0}.mailbox-address-builder b{color:var(--mail-muted);font-weight:500}.mailbox-address-builder select{border:0;border-left:1px solid var(--mail-rule);min-width:0;height:100%;color:var(--mail-ink);background:var(--mail-panel);cursor:pointer;padding:0 12px}@media (max-width:480px){.mailbox-address-builder{grid-template-columns:minmax(70px,1fr) auto minmax(132px,auto)}.mailbox-address-builder select{padding:0 7px;font-size:12px}}