:root{--smail-orange:#386c9e;--smail-orange-hover:#28577f;--smail-orange-pale:#edf4fa;--smail-background:#f5f6f7;--smail-surface:#fff;--smail-text:#252525;--smail-text-muted:#6f7378;--smail-border:#e2e4e7;--smail-error:#c9362b}*{box-sizing:border-box}html,body{background:var(--smail-background);min-width:320px;max-width:100vw;color:var(--smail-text);margin:0;font-family:-apple-system,BlinkMacSystemFont,Helvetica Neue,Yu Gothic,YuGothic,Meiryo,sans-serif;overflow-x:hidden}button,input,textarea{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #ff7a0059}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.smail-shell{height:100dvh;overflow:hidden}.smail-header{border-bottom:1px solid var(--smail-border);z-index:20;background:#fff;justify-content:space-between;align-items:center;height:64px;padding:0 20px;display:flex;position:relative}.header-brand,.header-tools{align-items:center;gap:18px;display:flex}.header-brand img{object-fit:contain;width:112px;height:48px}.icon-button{cursor:pointer;background:0 0;border:0;border-radius:8px;place-content:center;gap:4px;width:40px;height:40px;display:grid}.icon-button:hover{background:var(--smail-orange-pale)}.menu-button span{background:#555;border-radius:2px;width:19px;height:2px}.search-box{background:var(--smail-background);width:min(34vw,430px);height:42px;color:var(--smail-text-muted);border:1px solid #0000;border-radius:8px;align-items:center;gap:10px;padding:0 13px;display:flex}.search-box:focus-within{border-color:var(--smail-orange);background:#fff}.search-box input{background:0 0;border:0;outline:0;flex:1;min-width:0}.avatar{object-fit:cover;border-radius:50%}.mail-layout{grid-template-columns:236px minmax(340px,380px) minmax(0,1fr);height:calc(100dvh - 64px);display:grid;overflow:hidden}.sidebar{border-right:1px solid var(--smail-border);background:#fff;padding:20px 14px;overflow-y:auto}.compose-button{background:var(--smail-orange);color:#fff;cursor:pointer;border:0;border-radius:8px;width:100%;height:48px;margin-bottom:20px;font-weight:700;box-shadow:0 3px 8px #ff7a0033}.compose-button:hover,.primary-button:hover{background:var(--smail-orange-hover)}.compose-button span{vertical-align:-1px;margin-right:6px;font-size:22px}.sidebar nav{gap:4px;display:grid}.sidebar nav button{text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;grid-template-columns:28px 1fr auto;align-items:center;width:100%;height:44px;padding:0 12px;display:grid;position:relative}.sidebar nav button:hover,.sidebar nav button.active{background:var(--smail-orange-pale)}.sidebar nav button.active{color:#b65300;font-weight:700}.sidebar nav b{background:var(--smail-orange);color:#fff;border-radius:10px;place-items:center;min-width:23px;height:19px;padding:0 6px;font-size:11px;display:grid}.sidebar nav i{background:var(--smail-orange);border-radius:50%;width:7px;height:7px}.message-list{border-right:1px solid var(--smail-border);background:#fff;min-width:0;overflow-y:auto}.list-heading{border-bottom:1px solid var(--smail-border);z-index:3;background:#fff;justify-content:space-between;align-items:center;height:61px;padding:0 20px;display:flex;position:sticky;top:0}.list-heading h1{margin:0;font-size:18px}.list-heading span{color:var(--smail-text-muted);font-size:12px}.message-row{border:0;border-bottom:1px solid var(--smail-border);text-align:left;cursor:pointer;background:#fff;grid-template-columns:44px minmax(0,1fr);gap:12px;width:100%;height:112px;padding:15px 16px;display:grid;position:relative}.message-row:hover{background:#fafafa}.message-row.is-unread,.message-row.is-selected{background:#fff9f3}.message-row.is-selected:before{content:"";background:var(--smail-orange);width:4px;position:absolute;top:0;bottom:0;left:0}.unread-dot{background:var(--smail-orange);border-radius:50%;width:7px;height:7px;display:none;position:absolute;top:21px;left:7px}.is-unread .unread-dot{display:block}.message-copy{gap:3px;min-width:0;display:grid}.message-top{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.message-top strong,.subject,.preview{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.is-read .message-top strong,.is-read .subject{font-weight:500}.message-top time{color:var(--smail-text-muted);flex:none;font-size:11px}.subject{font-size:14px;font-weight:700}.preview{color:var(--smail-text-muted);font-size:12px}.paperclip{color:var(--smail-text-muted);font-size:12px;position:absolute;bottom:8px;right:16px}.folder-empty{text-align:center;color:var(--smail-text-muted);padding:50px 20px;font-size:14px}.viewer{background:var(--smail-background);min-width:0;overflow-y:auto}.viewer-inner{background:#fff;min-height:100%;padding:32px clamp(28px,4vw,64px)}.empty-viewer{color:var(--smail-text-muted);place-items:center;display:grid}.mail-title{justify-content:space-between;align-items:start;gap:20px;max-width:860px;padding-bottom:22px;display:flex}.mail-title h2{margin:0;font-size:24px;line-height:1.45}.reply-button{border:1px solid var(--smail-border);cursor:pointer;background:#fff;border-radius:8px;flex:none;padding:9px 15px}.reply-button:hover{border-color:var(--smail-orange);color:var(--smail-orange-hover)}.sender-block{border-bottom:1px solid var(--smail-border);grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:13px;max-width:860px;padding-bottom:20px;display:grid}.sender-block>div{gap:2px;display:grid}.sender-block span,.sender-block small,.sender-block time,.sender-block time{color:var(--smail-text-muted);font-size:12px}.mail-body{white-space:pre-wrap;max-width:820px;padding:30px 0 40px;font-size:15px;line-height:1.9}.mail-body>span{min-height:1.9em;display:block}.attachments{border-top:1px solid var(--smail-border);max-width:860px;padding-top:22px}.attachments h3{margin:0 0 13px;font-size:14px}.attachments>div{flex-wrap:wrap;gap:10px;display:flex}.attachment-card{border:1px solid var(--smail-border);text-align:left;cursor:pointer;background:#fff;border-radius:8px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:11px;width:min(100%,310px);min-height:76px;padding:10px;display:grid}.attachment-card:hover{border-color:var(--smail-orange)}.attachment-card img{object-fit:contain}.attachment-card>span{gap:4px;min-width:0;display:grid}.attachment-card strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.attachment-card small{color:var(--smail-text-muted);font-size:11px}.attachment-card>b{color:var(--smail-orange-hover);font-size:12px}.mobile-back{display:none}.compose-shade{z-index:40;pointer-events:none;background:#2525250a;position:fixed;inset:64px 0 0}.compose-window{border:1px solid var(--smail-border);pointer-events:auto;background:#fff;border-radius:12px;flex-direction:column;width:min(580px,100vw - 40px);height:min(600px,100dvh - 100px);display:flex;position:absolute;bottom:20px;right:24px;overflow:hidden;box-shadow:0 14px 45px #2525252e}.compose-window>header{color:#fff;background:#42464b;flex:none;justify-content:space-between;align-items:center;height:50px;padding:0 18px;display:flex}.compose-window>header button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:24px}.compose-window form{flex-direction:column;flex:1;min-height:0;display:flex}.compose-window label{border-bottom:1px solid var(--smail-border);height:47px;color:var(--smail-text-muted);grid-template-columns:50px 1fr;align-items:center;padding:0 16px;font-size:13px;display:grid}.compose-window input{border:0;outline:0;min-width:0}.compose-window textarea{resize:none;border:0;outline:0;flex:1;min-height:0;padding:18px;line-height:1.7}.compose-window footer{border-top:1px solid var(--smail-border);align-items:center;gap:10px;height:64px;padding:0 16px;display:flex}.primary-button{background:var(--smail-orange);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:10px 24px;font-weight:700}.text-button{color:var(--smail-text-muted);cursor:pointer;background:0 0;border:0;padding:10px 16px}.send-complete{justify-content:center;align-items:center;gap:12px}.send-complete img{object-fit:contain}.send-complete h1{font-size:20px}.viewer-overlay{z-index:80;background:#191b1db8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.attachment-viewer{background:#fff;border-radius:12px;flex-direction:column;width:min(1040px,100%);height:min(760px,100%);display:flex;overflow:hidden;box-shadow:0 20px 60px #00000047}.attachment-viewer>header{border-bottom:1px solid var(--smail-border);flex:none;justify-content:space-between;align-items:center;height:56px;padding:0 18px;display:flex}.attachment-viewer>header button{cursor:pointer;background:0 0;border:0;border-radius:8px;width:38px;height:38px;font-size:25px}.attachment-viewer>main{background:#eef0f2;flex:1;min-height:0}.image-view{width:100%;height:100%;position:relative}.image-view img{object-fit:contain}.pdf-view,.pdf-view object{border:0;width:100%;height:100%}.media-view{flex-direction:column;justify-content:center;align-items:center;gap:24px;height:100%;padding:30px;display:flex}.media-symbol{background:var(--smail-orange-pale);width:110px;height:110px;color:var(--smail-orange);border-radius:50%;place-items:center;font-size:52px;display:grid}.media-view audio{width:min(600px,100%)}.video-view{background:#161616;place-items:center;width:100%;height:100%;display:grid}.video-view video{object-fit:contain;width:100%;max-width:100%;height:100%;max-height:100%}.empty-page,.invalid-page,.loading-page,.compose-route{place-items:center;min-height:100dvh;padding:24px;display:grid}.empty-card,.invalid-page{border:1px solid var(--smail-border);text-align:center;background:#fff;border-radius:12px;width:min(560px,100%);padding:48px 32px;box-shadow:0 7px 24px #1e23280a}.empty-logo,.invalid-page img{object-fit:contain}.empty-card p{color:var(--smail-text-muted);line-height:1.8}.empty-mailbox{border:1px solid var(--smail-border);background:#fafafa;border-radius:8px;width:min(330px,100%);height:132px;margin:30px auto 0;padding:18px}.empty-mailbox span{background:#e9ebed;border-radius:4px;width:70%;height:13px;margin:0 0 13px;display:block}.empty-mailbox span:nth-child(2){width:90%}.empty-mailbox span:nth-child(3){width:55%}.invalid-page{flex-direction:column;display:flex}.invalid-page h1{font-size:18px}.compose-route{background:var(--smail-background)}.compose-route .compose-window{position:relative;bottom:auto;right:auto}.compose-page{width:min(620px,100%);height:min(650px,100dvh - 40px)}@media (max-width:1050px){.mail-layout{grid-template-columns:220px 350px minmax(0,1fr)}.viewer-inner{padding:26px}.sender-block{grid-template-columns:42px minmax(0,1fr)}.sender-block>time{grid-column:2}.sender-block>.avatar{width:42px;height:42px}.mail-title h2{font-size:21px}}@media (max-width:767px){.smail-header{padding:0 12px}.header-brand{gap:7px}.header-brand img{width:92px}.header-tools{gap:8px}.search-box{justify-content:center;width:42px;padding:0}.search-box input{opacity:0;pointer-events:none;position:absolute}.search-box:focus-within{justify-content:start;width:auto;padding:0 12px;position:absolute;left:12px;right:60px}.search-box:focus-within input{opacity:1;pointer-events:auto;position:static}.header-tools>.avatar{width:34px;height:34px}.mail-layout{display:block;position:relative}.sidebar{z-index:30;width:260px;transition:transform .18s;position:absolute;top:0;bottom:0;left:0;transform:translate(-102%);box-shadow:10px 0 30px #0000001a}.sidebar.is-open{transform:translate(0)}.message-list{border-right:0;height:100%}.message-row{height:104px;padding-left:18px}.viewer{z-index:10;display:none;position:absolute;inset:0}.viewer.mobile-open{display:block}.viewer-inner{min-height:100%;padding:18px}.empty-viewer.mobile-open{display:none}.mobile-back{color:var(--smail-orange-hover);cursor:pointer;background:0 0;border:0;margin:14px 18px 0;padding:8px 0;font-weight:700;display:inline-block}.mail-title{padding-bottom:16px}.mail-title h2{font-size:20px}.sender-block{grid-template-columns:42px minmax(0,1fr)}.sender-block>time{grid-column:2}.mail-body{padding-top:24px}.attachments>div{display:grid}.attachment-card{width:100%}.compose-shade{pointer-events:auto;background:#fff;inset:0}.compose-window{border:0;border-radius:0;width:100%;height:100dvh;inset:0}.viewer-overlay{padding:0}.attachment-viewer{border-radius:0;width:100%;height:100dvh}.attachment-viewer>header{height:58px}.compose-route{padding:0}.compose-page{border-radius:0;width:100%;height:100dvh}.send-complete{inset:0}.empty-card{padding:38px 20px}}@media (max-width:360px){.message-row{grid-template-columns:38px minmax(0,1fr);gap:9px}.message-row>.avatar{width:38px;height:38px}.message-top time{font-size:10px}.viewer-inner{padding:16px}.mail-title{display:block}.reply-button{margin-top:12px}.sender-block>time{font-size:10px}.attachment-card{grid-template-columns:42px minmax(0,1fr) auto}.attachment-card img{width:42px;height:42px}}.mail-links{flex-wrap:wrap;gap:10px;margin:0 0 28px;display:flex}.mail-links a,.mail-links span{border:1px solid var(--smail-border);border-radius:7px;padding:10px 13px;font-size:13px}.mail-links a{color:var(--smail-orange-hover);text-decoration:none}.mail-links span{color:var(--smail-text-muted);background:#f7f7f7}.password-viewer{max-width:520px;height:auto;min-height:430px}.password-viewer>main{background:#fff}.password-form{flex-direction:column;justify-content:center;align-items:center;height:100%;padding:34px 24px;display:flex}.pdf-lock-icon{color:#fff;background:#e85b4f;border-radius:6px;place-items:center;width:68px;height:78px;font-weight:800;display:grid}.password-form h2{margin:20px 0;font-size:20px}.password-form label{gap:7px;width:min(340px,100%);font-size:13px;display:grid}.password-form input{border:1px solid var(--smail-border);border-radius:7px;height:44px;padding:0 12px}.password-form p{height:24px;color:var(--smail-error);margin:7px 0;font-size:13px}.placeholder-view{height:100%;color:var(--smail-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:30px;display:flex}.placeholder-view strong{color:var(--smail-text);font-size:18px}.ninja-overlay{z-index:200;color:#181818;letter-spacing:.035em;overflow-wrap:anywhere;cursor:pointer;background:#f7f7f5;border:0;flex-direction:column;justify-content:center;align-items:center;padding:22px;font-size:clamp(34px,9vw,128px);font-weight:700;display:flex;position:fixed;inset:0}.ninja-overlay span{color:#777;margin-top:38px;font-size:12px;font-weight:400}.fiction-note{z-index:21;color:#9a9da1;pointer-events:none;font-size:9px;position:fixed;bottom:5px;right:10px}.dev-reset{z-index:25;color:#a9abad;opacity:.45;cursor:pointer;background:0 0;border:0;font-size:9px;position:fixed;bottom:7px;left:8px}.dev-reset:hover,.dev-reset:focus{opacity:1}
.site-fiction-footer{z-index:21;color:#9a9da1;text-align:right;pointer-events:none;font-size:9px;line-height:1.45;position:fixed;bottom:5px;left:10px;right:10px}.smail-shell>.fiction-note{display:none}