:root{--pink-50:#fff7f8;--pink-100:#f7dde2;--pink-200:#efc4cc;--rose:#d98596;--rose-deep:#9d5d6e;--ink:#4a4245;--muted:#8f7d83;--paper:#ffffffbd;--paper-strong:#ffffffe6;--line:#9d5d6e33;--shadow:0 24px 80px #b7778933;--page-bg:var(--pink-50);--surface:#ffffffd1;--surface-soft:#fff7f8b8;--surface-strong:#ffffffe6;--surface-float:#ffffffc7;--surface-overlay:#fff7f885;--surface-line:#9d5d6e29;--surface-line-strong:#d985963d;--heading:#6c555d;--subheading:#715b63;--text:#5c4f54;--text-soft:#64565c;--choice-text:#6f6166;--button-bg:#ffc9d4;--button-bg-hover:#fbbdcc;--button-text:#845263;--pill-bg:#fff1f4;--pill-bg-hover:#ffe7ed;--focus-ring:#f7dde2b8;--avatar-ring:#ffffffeb;--letter-bg:linear-gradient(180deg, var(--paper-strong), var(--paper)), linear-gradient(135deg, #f7dde294, #ffffff7a);--theme-toggle-bg:#ffffffbd;--theme-toggle-border:#d9859638;--theme-toggle-shadow:0 12px 32px #b7778929;--tap-highlight:#d9859624;--avatar-shadow:0 14px 34px #b7778938;--avatar-halo:0 0 0 1px #d9859638;--button-shadow:0 12px 26px #d9859629;--button-shadow-hover:0 16px 32px #d9859638;--float-card-shadow:0 22px 60px #b777892e;--letter-paper-shadow:0 24px 72px #b7778929;--message-card-shadow:0 12px 36px #b777891f;--dialog-shadow:0 24px 70px #b7778938;font-family:Noto Serif SC,Songti SC,Microsoft YaHei,PingFang SC,serif}:root[data-theme=night]{--pink-50:#0f1728;--pink-100:#172642;--pink-200:#243a61;--rose:#8fb9ec;--rose-deep:#c5dcff;--ink:#e8f1ff;--muted:#aebfd8;--paper:#121f36b8;--paper-strong:#182743e6;--line:#a2c2ed3d;--shadow:0 26px 86px #02081675;--page-bg:radial-gradient(circle at 50% 0%, #5e84be2e, transparent 36%), linear-gradient(180deg, #101a2d 0%, #0d1526 48%, #111b2f 100%);--surface:#13213ac7;--surface-soft:#192a48a3;--surface-strong:#1c2d4ce6;--surface-float:#13213ad6;--surface-overlay:#080e1a9e;--surface-line:#a2c2ed29;--surface-line-strong:#8fb9ec52;--heading:#eef5ff;--subheading:#d9e7fb;--text:#e1ecfb;--text-soft:#cfddef;--choice-text:#d4e3f7;--button-bg:#9fc4f3;--button-bg-hover:#b3d3fa;--button-text:#10213a;--pill-bg:#253b60d1;--pill-bg-hover:#314c78eb;--focus-ring:#8fb9ec4d;--avatar-ring:#d1e3ffb8;--letter-bg:linear-gradient(180deg, #1f3252eb, #0f1b31c7), linear-gradient(135deg, #8fb9ec2e, #0b12215c);--theme-toggle-bg:#14223bd1;--theme-toggle-border:#a2c2ed47;--theme-toggle-shadow:0 16px 38px #02081661;--tap-highlight:#8fb9ec2e;--avatar-shadow:0 14px 34px #030a1861;--avatar-halo:0 0 0 1px #b1cff752;--button-shadow:0 12px 28px #285ca447;--button-shadow-hover:0 16px 36px #4178bf57;--float-card-shadow:0 22px 60px #02081657;--letter-paper-shadow:0 24px 72px #02081657;--message-card-shadow:0 12px 36px #02081647;--dialog-shadow:0 24px 70px #02081666}*{box-sizing:border-box}html{background:var(--page-bg);-webkit-text-size-adjust:100%;min-height:100%}body{min-height:100dvh;color:var(--ink);background:var(--page-bg);margin:0;transition:background-color .26s,color .26s;overflow-x:hidden}body,.page-shell,.letter-box,.letter-paper,.message-card,.admin-login,.reply-block,.letter-float-card,.reply-return-card,.admin-confirm-dialog,input,textarea,button{transition:background-color .26s,border-color .26s,box-shadow .26s,color .26s,transform .18s,opacity .18s}.theme-toggle{z-index:40;top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));border:1px solid var(--theme-toggle-border);width:38px;height:38px;color:var(--subheading);background:var(--theme-toggle-bg);box-shadow:var(--theme-toggle-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;border-radius:999px;place-items:center;font-size:14px;line-height:1;display:inline-grid;position:fixed}.theme-toggle:hover{transform:translateY(-1px)}.theme-toggle:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}button,a,label,input,textarea{-webkit-tap-highlight-color:var(--tap-highlight)}button,input,textarea{font:inherit}.page-shell{min-height:100dvh;padding:22px 20px;padding:max(22px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(22px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));isolation:isolate;align-content:center;place-items:center;gap:18px;display:grid;position:relative}.hero{z-index:2;text-align:center;justify-items:center;width:min(100%,440px);display:grid;position:relative}.avatar{border:4px solid var(--avatar-ring);width:96px;height:96px;box-shadow:var(--avatar-shadow), var(--avatar-halo);object-fit:cover;border-radius:50%;margin-bottom:10px}.main-title{color:var(--heading);letter-spacing:0;margin:0 0 14px;font-size:clamp(24px,6vw,34px);font-weight:650;line-height:1}.letter-box{border:1px solid var(--surface-line);background:var(--letter-bg);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:8px;gap:8px;padding:16px 22px;display:grid;position:relative}.letter-brand{color:var(--subheading);letter-spacing:0;justify-self:start;margin:0;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:18px;font-weight:700;line-height:1}.letter-box:before{content:"";background:linear-gradient(90deg, transparent, var(--line), transparent);inset-inline:28px;height:1px;position:absolute;top:44px}.mascot-wrap{place-items:center;min-height:40px;margin-bottom:4px;display:grid;position:relative}.mascot{color:var(--subheading);transform-origin:50%;font-family:SimHei,黑体,Microsoft YaHei,PingFang SC,sans-serif;font-size:34px;font-weight:650;line-height:1;transition:transform .28s,color .28s,filter .28s}.mascot.listening{color:var(--rose-deep);animation:1.6s ease-in-out infinite listenPulse}.mascot.received{color:var(--subheading);animation:.76s both softNod}:root[data-theme=night] .mascot{filter:drop-shadow(0 0 12px #8fb9ec57)}.message-label{white-space:nowrap;clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}textarea,input[type=text]{width:100%;color:var(--text);background:0 0;border:0;outline:none}textarea{resize:vertical;min-height:76px;color:var(--text);text-align:left;padding:12px 10px 8px;font-size:15px;line-height:1.72}textarea::placeholder{color:color-mix(in srgb, var(--muted) 82%, transparent);font-family:方正瘦金书简体,FZShouJinShu-S10,FZShouJinShu-S10S,STSong,SimSun,serif;font-size:14px;line-height:1.72}textarea:focus{background:0 0}.form-row{display:grid}.nickname{text-align:left;gap:6px;display:grid}.nickname span{color:var(--muted);font-size:12px}.nickname input{border-bottom:1px solid var(--line);height:36px;padding:0 2px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:13px}.nickname input:focus{border-bottom-color:var(--surface-line-strong)}.public-choice{color:var(--choice-text);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:20px auto;justify-self:start;align-items:center;gap:10px;font-size:13px;display:inline-grid}.public-choice input{opacity:0;position:absolute}.public-choice .box{border:1px solid color-mix(in srgb, var(--rose-deep) 38%, transparent);background:var(--surface-float);border-radius:5px;place-items:center;width:20px;height:20px;transition:transform .18s,border-color .18s,background .18s;display:grid}.public-choice .box:after{color:#fff;content:"✓";opacity:0;font-size:13px;line-height:1;transition:opacity .18s,transform .18s;transform:scale(.7)}.public-choice input:checked+.box{border-color:var(--rose);background:var(--rose)}.public-choice input:checked+.box:after{opacity:1;transform:scale(1)}.public-choice:focus-within .box{box-shadow:0 0 0 4px var(--focus-ring)}.send-button{border:1px solid var(--surface-line);min-width:104px;height:42px;color:var(--button-text);background:var(--button-bg);box-shadow:var(--button-shadow);cursor:pointer;border-radius:999px;justify-content:center;justify-self:center;align-items:center;gap:1px;margin-top:2px;padding:0 24px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;font-weight:650;line-height:1;transition:transform .18s,background .18s,box-shadow .18s,filter .18s;display:inline-flex;position:relative}.send-button span{justify-content:center;align-items:center;height:100%;line-height:1;display:inline-flex;transform:translateY(-.5px)}.send-button:disabled{cursor:wait;filter:saturate(.78);opacity:.72;transform:none}.send-button:hover{background:var(--button-bg-hover);box-shadow:var(--button-shadow-hover);transform:translateY(-2px)}.send-button:focus-visible{outline:3px solid var(--focus-ring);outline-offset:4px}.send-button:active{transform:translateY(0)scale(.98)}.letter-submit-button{border-color:var(--surface-line);min-width:104px;height:42px;color:var(--button-text);background:var(--button-bg);box-shadow:var(--button-shadow);justify-self:center;margin-top:2px;padding:0 24px}.letter-submit-button:hover{background:var(--button-bg-hover);box-shadow:var(--button-shadow-hover)}.form-note{min-height:18px;color:var(--rose-deep);opacity:0;margin:-1px 0 0;font-size:12px;line-height:1.5;transition:opacity .18s}.form-note.show{opacity:1}.soft-link{color:color-mix(in srgb, var(--subheading) 72%, transparent);margin-top:14px;font-size:12px;text-decoration:none;transition:color .18s,transform .18s}.soft-link:hover{color:var(--rose-deep);transform:translateY(-1px)}.home-public{gap:12px;width:min(100%,520px);display:grid}.home-public-heading{justify-content:space-between;align-items:center;gap:12px;padding-inline:2px;display:flex}.home-public-heading h2{color:var(--subheading);margin:0;font-size:15px;font-weight:700;line-height:1.2}.home-public-heading .soft-link{margin-top:0}.site-footer{color:color-mix(in srgb, var(--subheading) 52%, transparent);letter-spacing:0;text-align:center;align-self:end;margin-top:18px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:11px}.letter-float,.reply-return-card{z-index:20;pointer-events:none;opacity:0;transition:opacity .36s,transform .36s;position:fixed;top:50%;left:50%;transform:translate(-50%,-48%)scale(.98)}.letter-float.show,.reply-return-card.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.letter-float.leaving{opacity:0;transform:translate(-50%,-52%)scale(.98)}.letter-float-card,.reply-return-card{border:1px solid var(--surface-line);background:var(--surface-float);width:min(82vw,250px);box-shadow:var(--float-card-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);text-align:center;border-radius:8px;padding:24px 22px}.letter-mark{margin-bottom:12px;font-size:26px;line-height:1}.letter-float-card p,.reply-return-card p,.reply-return-card strong{color:var(--subheading);margin:0;font-size:14px;line-height:1.7}.reply-return-card{pointer-events:auto;gap:8px;display:grid}.reply-return-card strong{font-weight:650}.reply-read-button{color:var(--rose-deep);cursor:pointer;background:0 0;border:0;justify-self:center;margin-top:4px;padding:0;font-size:12px;font-weight:700}.admin-shell,.public-shell,.reply-shell{align-content:start;align-items:start;padding-block:34px}.admin-shell-entry{align-content:center;align-items:center;padding-block:clamp(22px,5vh,42px)}.admin-shell-entry .panel-page{justify-items:center}.admin-shell-entry .panel-header{width:min(100%,420px)}.panel-page{gap:18px;width:min(100%,760px);display:grid}.panel-header{text-align:left;justify-items:start;gap:8px;display:grid}.panel-header h1{color:var(--heading);margin:0;font-size:clamp(25px,5vw,36px);line-height:1.12}.panel-header p{color:var(--muted);margin:0;font-size:13px}.panel-back{margin:0 0 3px}.small-mascot{font-size:24px}.reply-page{gap:14px;width:min(100%,680px);display:grid}.letter-paper{border:1px solid var(--surface-line);background:var(--surface-strong);min-height:420px;box-shadow:var(--letter-paper-shadow);border-radius:8px;gap:24px;padding:clamp(28px,7vw,54px);display:grid}.letter-paper-header{text-align:center;justify-items:center;gap:8px;display:grid}.letter-paper-header h1{color:var(--heading);margin:0;font-size:clamp(22px,5vw,30px);line-height:1.2}.letter-section{border-top:1px solid var(--surface-line);gap:14px;padding-block:20px;display:grid}.letter-section h2{color:var(--subheading);margin:0;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;font-weight:700}.letter-section p,.letter-empty{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:15px;line-height:1.9}.letter-section time{color:var(--muted);font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:12px}.letter-date{border-top:1px solid var(--surface-line);color:var(--muted);justify-self:end;padding-top:14px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:12px}.admin-login,.admin-board,.message-list{gap:12px;display:grid}.search-box{color:var(--muted);gap:7px;font-size:12px;display:grid}.search-box input{border:1px solid var(--surface-line);width:100%;height:40px;color:var(--text);background:var(--surface-soft);border-radius:999px;outline:none;padding:0 13px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;transition:border-color .18s,box-shadow .18s,background .18s}.search-box input::placeholder{color:color-mix(in srgb, var(--muted) 72%, transparent);font-size:12px}.search-box input:focus{border-color:var(--surface-line-strong);background:var(--surface-strong);box-shadow:0 0 0 4px var(--focus-ring)}.admin-login{border:1px solid var(--surface-line);background:var(--paper-strong);width:min(100%,420px);box-shadow:var(--shadow);border-radius:8px;padding:20px}.admin-login label{color:var(--muted);text-align:left;gap:8px;font-size:12px;display:grid}.admin-login input{border:1px solid var(--line);background:var(--surface-soft);height:40px;color:var(--ink);border-radius:8px;outline:none;padding:0 12px}.admin-login input:focus{border-color:var(--surface-line-strong);box-shadow:0 0 0 4px var(--focus-ring)}.admin-menu{gap:12px;width:min(100%,420px);display:grid}.admin-menu-card{border:1px solid var(--surface-line);width:100%;min-height:84px;color:var(--text);background:var(--surface);box-shadow:var(--message-card-shadow);cursor:pointer;text-align:left;border-radius:8px;gap:5px;padding:18px;display:grid}.admin-menu-card span{color:var(--text-soft);font-size:12px}.admin-menu-card strong{color:var(--subheading);font-size:17px;line-height:1.4}.admin-menu-card:hover{border-color:var(--surface-line-strong);background:var(--surface-strong);transform:translateY(-1px)}.admin-menu-card:focus-visible{outline:3px solid var(--focus-ring);outline-offset:3px}.admin-menu-logout{justify-self:center;margin-top:4px}.hidden{display:none!important}.board-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-toolbar-return{justify-content:flex-end}.board-toolbar p{color:var(--muted);margin:0;font-size:13px}.message-card{border:1px solid var(--surface-line);background:var(--surface);box-shadow:var(--message-card-shadow);text-align:left;border-radius:8px;gap:14px;padding:18px;display:grid}.message-card p{color:var(--text);white-space:pre-wrap;word-break:break-word;margin:0;font-size:14px;line-height:1.78}.message-meta,.message-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.message-actions{border-top:1px solid color-mix(in srgb, var(--line) 55%, transparent);flex-wrap:wrap;justify-content:flex-start;gap:8px;margin-top:2px;padding-top:12px}.message-meta span{color:var(--subheading);font-size:13px;font-weight:700}.message-meta time,.message-status{color:var(--muted);font-size:12px}.message-flags{flex-wrap:wrap;gap:6px;display:flex}.message-flags span{border:1px solid color-mix(in srgb, #fff4d8 48%, var(--surface-line) 52%);color:var(--subheading);background:color-mix(in srgb, #fffdf7 86%, var(--surface-soft) 14%);border-radius:999px;padding:3px 6px;font-size:11px;line-height:1.35}.reply-editor{color:var(--muted);gap:8px;font-size:12px;display:grid}.reply-editor>span{font-size:12px;line-height:1.45}.reply-editor textarea{border:1px solid var(--surface-line);background:var(--surface-soft);min-height:82px;color:var(--text);border-radius:8px;padding:10px 12px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;line-height:1.7}.reply-editor textarea::placeholder{color:var(--muted);font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:12px;line-height:1.45}.reply-editor textarea:focus{border-color:var(--surface-line-strong);background:var(--surface-strong);box-shadow:0 0 0 4px var(--focus-ring)}.reply-actions,.public-actions{justify-content:flex-end;display:flex}.reply-actions{flex-wrap:wrap;align-items:center;gap:8px}.supplement-section{gap:10px;display:grid}.supplement-list{gap:8px;display:grid}.supplement-item{border:1px solid var(--surface-line);background:var(--surface-soft);color:var(--text);border-radius:8px;gap:8px;padding:10px 12px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;line-height:1.7;display:grid}.supplement-meta{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:12px;line-height:1.45;display:flex}.supplement-meta span{color:var(--muted);font-weight:400}.supplement-item p{color:var(--text);white-space:pre-wrap;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;line-height:1.7}.supplement-toggle{flex:none}.supplement-section>.supplement-toggle{justify-self:end}.supplement-editor{gap:9px;display:grid}.supplement-editor textarea{border:1px solid var(--surface-line);background:var(--surface-soft);min-height:76px;color:var(--text);border-radius:8px;padding:10px 12px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;line-height:1.7}.supplement-editor textarea::placeholder{color:var(--muted);font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:12px}.supplement-editor textarea:focus{border-color:var(--surface-line-strong);background:var(--surface-strong);box-shadow:0 0 0 4px var(--focus-ring)}.supplement-editor .reply-confirm-button{justify-self:end}.supplement-note{justify-self:end;min-height:18px}.reply-block{border:1px solid var(--surface-line);background:var(--surface-soft);border-radius:8px;gap:7px;padding:12px 13px;display:grid}.reply-block>span{color:var(--rose-deep);font-size:12px;font-weight:700}.reply-block p{color:var(--text-soft);font-size:13px}.supplement-public-block{background:color-mix(in srgb, var(--surface-soft) 78%, transparent)}.like-button{border:1px solid var(--surface-line-strong);min-height:30px;color:color-mix(in srgb, var(--rose-deep) 72%, var(--text));background:var(--pill-bg);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:4px;padding:0 11px;font-size:12px;font-weight:600;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.heart-icon{color:currentColor;flex:0 0 15px;justify-content:center;align-items:center;width:15px;height:15px;line-height:1;display:inline-flex;transform:translateY(-.5px)}.heart-text{color:currentColor;font-family:Times New Roman,Georgia,Songti SC,serif;font-size:16px;font-weight:700;line-height:1;display:inline-block}.heart-svg{color:currentColor;fill:currentColor;width:14px;height:14px;display:none}.social-webview .heart-text{display:none}.social-webview .heart-svg{display:block}.like-count{color:currentColor;text-align:left;align-items:center;min-width:1ch;font-weight:600;line-height:1;display:inline-flex}.like-button:hover{border-color:var(--surface-line-strong);background:var(--pill-bg-hover);transform:translateY(-1px)}.like-button:disabled{cursor:not-allowed;transform:none}.like-button.liked{color:color-mix(in srgb, var(--rose-deep) 82%, var(--text));background:color-mix(in srgb, var(--pink-100) 72%, var(--pill-bg))}.like-button.liked .heart-icon{color:currentColor}.text-button{color:var(--rose-deep);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.text-button:disabled{color:#8f7d8394;cursor:not-allowed}.text-button.is-busy{cursor:wait;opacity:.72}.danger-button{color:#9d5d6ec7}.reply-confirm-button{border:1px solid color-mix(in srgb, var(--rose) 12%, #fff 88%);min-height:30px;color:color-mix(in srgb, var(--rose-deep) 54%, var(--text-soft));background:color-mix(in srgb, #f7f3f4 72%, var(--pink-50) 28%);box-shadow:none;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;line-height:1;transition:background .18s,border-color .18s,color .18s,opacity .18s;display:inline-flex}.reply-confirm-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--rose) 20%, #fff 80%);background:color-mix(in srgb, #f5eeee 58%, var(--pink-100) 42%)}.reply-confirm-button.is-confirmed,.reply-confirm-button.is-confirmed:disabled{color:color-mix(in srgb, var(--text-soft) 62%, transparent);border-color:color-mix(in srgb, #fff 76%, var(--rose) 24%);cursor:default;background:#f4eff0b8}.reply-actions .reply-confirm-button,.sticky-password-form .reply-confirm-button,.supplement-editor .reply-confirm-button,.supplement-section>.supplement-toggle{border-color:var(--surface-line);min-height:34px;color:var(--button-text);background:var(--button-bg);box-shadow:var(--button-shadow);padding:0 18px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;font-weight:650}.reply-actions .reply-confirm-button,.supplement-editor .reply-confirm-button,.supplement-section>.supplement-toggle{min-height:30px;color:color-mix(in srgb, var(--button-text) 72%, var(--muted));background:color-mix(in srgb, var(--button-bg) 45%, var(--surface-soft) 55%);border-color:color-mix(in srgb, var(--surface-line) 78%, var(--button-bg) 22%);box-shadow:none;padding:0 14px;font-size:12px}.reply-actions .reply-confirm-button:hover:not(:disabled),.sticky-password-form .reply-confirm-button:hover:not(:disabled),.supplement-editor .reply-confirm-button:hover:not(:disabled),.supplement-section>.supplement-toggle:hover:not(:disabled){border-color:var(--surface-line);background:var(--button-bg-hover);box-shadow:var(--button-shadow-hover)}.reply-actions .reply-confirm-button.is-confirmed,.reply-actions .reply-confirm-button.is-confirmed:disabled,.sticky-password-form .reply-confirm-button.is-confirmed,.sticky-password-form .reply-confirm-button.is-confirmed:disabled,.supplement-editor .reply-confirm-button.is-confirmed,.supplement-editor .reply-confirm-button.is-confirmed:disabled,.supplement-section>.supplement-toggle.is-confirmed,.supplement-section>.supplement-toggle.is-confirmed:disabled{color:var(--muted);background:var(--surface-soft);border-color:var(--surface-line);box-shadow:none;cursor:default}.publish-button{color:color-mix(in srgb, var(--subheading) 72%, transparent)}.unpublish-button{color:color-mix(in srgb, var(--muted) 78%, transparent)}.message-actions .text-button{min-height:30px;box-shadow:none;background:0 0;border:0;border-radius:0;padding:0 4px;font-size:12px;font-weight:650;transition:border-color .18s,background .18s,color .18s,transform .18s}.message-actions .text-button:hover:not(:disabled){background:0 0;transform:translateY(-1px)}.message-actions .danger-button:hover:not(:disabled),.message-actions .publish-button:hover:not(:disabled){color:var(--rose-deep)}.admin-confirm-backdrop{z-index:30;background:var(--surface-overlay);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);place-items:center;padding:22px;display:grid;position:fixed;inset:0}.admin-confirm-dialog{border:1px solid var(--surface-line);background:var(--surface-strong);width:min(100%,300px);box-shadow:var(--dialog-shadow);text-align:center;border-radius:8px;gap:14px;padding:20px 18px 16px;display:grid}.admin-confirm-dialog h2{color:var(--subheading);margin:0;font-size:16px;line-height:1.4}.admin-confirm-dialog p{color:var(--muted);margin:0;font-size:12px;line-height:1.7}.admin-confirm-actions{grid-template-columns:1fr 1fr;gap:12px;margin-top:6px;display:grid}.admin-confirm-actions .text-button{border:1px solid color-mix(in srgb, var(--rose) 16%, var(--surface-line));border-radius:999px;min-height:34px;padding:0 18px;font-size:13px}.confirm-cancel-button{color:color-mix(in srgb, var(--rose-deep) 66%, var(--text-soft));background:color-mix(in srgb, var(--pink-50) 70%, var(--surface) 30%)}.confirm-delete-button{color:color-mix(in srgb, var(--rose-deep) 76%, var(--text));background:color-mix(in srgb, var(--pink-100) 76%, #fff7f9 24%)}.confirm-cancel-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--rose) 24%, var(--surface-line));background:color-mix(in srgb, var(--pink-100) 62%, var(--surface) 38%)}.confirm-delete-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--rose) 30%, var(--surface-line));background:color-mix(in srgb, var(--button-bg) 62%, #fff5f8 38%)}.empty-state{border:1px dashed var(--surface-line-strong);color:var(--muted);background:color-mix(in srgb, var(--surface) 62%, transparent);text-align:center;border-radius:8px;margin:0;padding:20px;font-size:13px}.home-sticky-link{top:max(16px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));z-index:60;width:fit-content;min-height:36px;color:color-mix(in srgb, var(--rose-deep) 76%, var(--text-soft));pointer-events:auto;touch-action:manipulation;text-underline-offset:4px;justify-content:center;align-items:center;padding:0 8px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:13px;font-weight:650;line-height:1.4;text-decoration:none;display:inline-flex;position:fixed}.home-sticky-link:hover{color:var(--rose-deep);text-decoration:underline;transform:translateY(-1px)}.tot-shell .panel-page{max-width:520px}.tot-shell .tot-panel-open{max-width:880px}.tot-header{position:relative}.sticky-login-note{border:1px solid color-mix(in srgb, var(--rose) 12%, var(--surface-line));background:color-mix(in srgb, var(--surface) 90%, #fff8dc 10%);width:min(100%,380px);box-shadow:var(--letter-paper-shadow);border-radius:8px;gap:14px;margin:8px auto 0;padding:28px 22px 22px;display:grid;position:relative;transform:rotate(.8deg)}.sticky-login-note label,.sticky-password-form label,.sticky-compose-form label{color:var(--subheading);text-align:left;gap:7px;font-size:13px;font-weight:650;display:grid}.sticky-login-note input,.sticky-password-form input,.sticky-password-form select,.sticky-compose-form input,.sticky-admin-item input{border:1px solid var(--surface-line);width:100%;height:40px;color:var(--text);background:var(--surface-strong);border-radius:8px;padding:0 12px}.sticky-login-note input:focus,.sticky-password-form input:focus,.sticky-password-form select:focus,.sticky-compose-form input:focus,.sticky-admin-item input:focus,.sticky-compose-form textarea:focus,.sticky-admin-item textarea:focus{border-color:var(--surface-line-strong);box-shadow:0 0 0 4px var(--focus-ring)}.sticky-board{gap:16px;display:grid}.sticky-board-toolbar,.sticky-admin-heading,.sticky-admin-item .message-actions{justify-content:space-between;align-items:center;gap:12px;display:flex}.sticky-board-toolbar p,.sticky-board-hint,.sticky-admin-heading p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.6}.sticky-note-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-items:start;gap:24px 22px;padding:16px 4px 4px;display:grid}.tot-note-card{background:linear-gradient(180deg, #ffffffa8, #fffaf857), color-mix(in srgb, #fff7f8 86%, var(--surface) 14%);min-height:190px;box-shadow:0 18px 26px color-mix(in srgb, var(--rose) 12%, transparent), 0 3px 8px #82606912, inset 0 0 0 1px color-mix(in srgb, var(--surface-line) 54%, transparent);clip-path:polygon(0 0,100% 0,100% calc(100% - 11px),96% calc(100% - 5px),91% calc(100% - 10px),85% 100%,78% calc(100% - 7px),70% calc(100% - 12px),61% 100%,53% calc(100% - 8px),45% calc(100% - 3px),37% calc(100% - 10px),29% 100%,20% calc(100% - 7px),12% calc(100% - 12px),5% calc(100% - 4px),0 calc(100% - 10px));text-align:left;border:0;border-radius:3px 3px 7px 7px;gap:16px;padding:34px 22px 24px;display:grid;position:relative}.tot-note-card:before{z-index:1;background:repeating-linear-gradient(0deg, #ffffff29 0 2px, transparent 2px 5px), color-mix(in srgb, var(--pink-100) 64%, #fffaf2 36%);width:74px;height:22px;box-shadow:0 5px 12px color-mix(in srgb, var(--rose) 10%, transparent), inset 0 0 0 1px #ffffff52;content:"";opacity:.76;border-radius:2px;position:absolute;top:5px;left:50%;transform:translate(-50%)rotate(1.6deg)}.tot-note-card:after{background:color-mix(in srgb, var(--surface-line) 44%, transparent);content:"";opacity:.5;height:1px;position:absolute;inset:10px 12px auto}.tot-note-card:nth-child(4n+2){background:linear-gradient(180deg, #ffffffa3, #fffcf666), color-mix(in srgb, #fefaf2 88%, var(--surface) 12%)}.tot-note-card:nth-child(4n+3){background:linear-gradient(180deg, #ffffffa8, #fbf8ff5c), color-mix(in srgb, #f9f6fb 88%, var(--surface) 12%)}.tot-note-card:nth-child(4n){background:linear-gradient(180deg, #ffffffad, #f8fcfa5c), color-mix(in srgb, #f6faf8 88%, var(--surface) 12%)}.tot-note-card:nth-child(2n){transform:rotate(.45deg)}.tot-note-card:nth-child(odd){transform:rotate(-.35deg)}.tot-note-meta{color:var(--text-soft);flex-wrap:wrap;align-items:center;gap:6px 10px;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:12px;line-height:1.45;display:flex}.tot-note-meta span,.tot-note-meta time{background:0 0;border:0;border-radius:0;align-items:center;min-height:auto;padding:0;display:inline-flex}.tot-note-card p{color:var(--text);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.9}.sticky-admin-panel{border-top:1px dashed var(--surface-line-strong);justify-items:center;gap:18px;margin-top:20px;padding-top:20px;display:grid}.sticky-admin-heading h2{color:var(--subheading);margin:0 0 4px;font-size:17px}.sticky-admin-heading .soft-link{white-space:nowrap;margin-top:0}.sticky-password-form,.sticky-compose-form{border:1px solid var(--surface-line);background:var(--surface-soft);border-radius:8px;gap:12px;padding:16px;display:grid}.sticky-password-layout{grid-template-columns:minmax(150px,.86fr) minmax(0,1.14fr);align-items:stretch;gap:14px;width:min(100%,620px);display:grid}.sticky-password-form{background:color-mix(in srgb, var(--surface) 93%, var(--pink-50) 7%);width:100%;min-width:0;box-shadow:0 16px 30px color-mix(in srgb, var(--rose) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--surface-line) 72%, transparent);border:0;border-radius:8px;grid-template-columns:minmax(0,1fr);gap:12px;padding:15px}.sticky-password-title{color:var(--subheading);text-align:left;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:13px;font-weight:650;line-height:1.2}.sticky-password-title,.sticky-duration-row>span{font-size:13px;font-weight:650}.sticky-password-mode{background:linear-gradient(180deg, #ffffffc7, #fff7f88f), var(--surface-float);min-height:38px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--surface-line) 86%, var(--rose) 14%), 0 10px 24px color-mix(in srgb, var(--rose) 7%, transparent);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));display:grid;overflow:hidden}.sticky-password-mode label{min-width:0;color:var(--text-soft);cursor:pointer;justify-content:center;align-items:center;gap:4px;margin:0;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:relative}.sticky-password-mode label+label{box-shadow:inset 1px 0 0 color-mix(in srgb, var(--surface-line) 62%, transparent)}.sticky-password-form .sticky-password-mode input[type=radio]{width:11px;height:11px;accent-color:var(--rose);flex:none;margin:0;padding:0}.sticky-password-mode label:has(input:checked){color:var(--rose-deep);background:color-mix(in srgb, var(--pink-100) 38%, transparent)}.sticky-password-form label{grid-template-columns:1fr;gap:7px;font-size:13px}.sticky-duration-row{align-items:center;grid-template-columns:1fr minmax(120px,.46fr)!important}.sticky-duration-row span{align-self:center}.sticky-password-form select{height:40px;padding:0 30px 0 12px;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:40px}.sticky-password-form input{height:40px;padding:0 9px 0 12px;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:40px}.sticky-password-form input::placeholder{color:color-mix(in srgb, var(--muted) 82%, transparent);font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:40px}.sticky-password-form input:disabled{cursor:default;opacity:.68}.sticky-password-actions{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));justify-self:stretch;column-gap:22px;width:100%;min-width:0;margin:-2px 0 0;display:grid}.sticky-password-submit{justify-self:stretch;width:100%;margin-top:4px}.sticky-password-actions .reply-confirm-button{border-color:color-mix(in srgb, var(--rose) 40%, var(--surface-line) 60%);width:118px;min-width:118px;min-height:31px;color:var(--rose-deep);background:color-mix(in srgb, var(--surface-float) 88%, var(--pink-50) 12%);box-shadow:0 8px 18px color-mix(in srgb, var(--rose) 8%, transparent);white-space:nowrap;justify-self:center;padding-inline:0;font-size:12.5px}.sticky-password-actions .reply-confirm-button:first-child,.sticky-password-actions .reply-confirm-button:last-child{min-width:118px}.sticky-password-actions .reply-confirm-button:hover:not(:disabled){border-color:color-mix(in srgb, var(--rose) 52%, var(--surface-line) 48%);background:color-mix(in srgb, var(--pink-50) 54%, var(--surface-float) 46%);box-shadow:0 10px 22px color-mix(in srgb, var(--rose) 13%, transparent)}.sticky-password-card{background:color-mix(in srgb, var(--surface) 90%, var(--pink-50) 10%);width:100%;min-width:0;box-shadow:0 16px 30px color-mix(in srgb, var(--rose) 10%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--surface-line) 72%, transparent);text-align:left;border:0;border-radius:8px;align-content:center;gap:8px;padding:15px;display:grid}.sticky-password-card span,.sticky-password-card time{color:var(--text-soft);font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:11.5px;line-height:1.45}.sticky-password-card strong{color:var(--rose-deep);letter-spacing:0;overflow-wrap:anywhere;font-family:Segoe UI,Microsoft YaHei,sans-serif;font-size:28px;line-height:1.1}.sticky-compose-form{border:1px solid color-mix(in srgb, var(--rose) 8%, var(--surface-line) 92%);background:linear-gradient(180deg, #ffffffbd, #fffcf8e0), color-mix(in srgb, #fffdf8 78%, var(--surface-float) 22%);width:min(100%,520px);min-height:430px;box-shadow:0 24px 44px color-mix(in srgb, var(--rose) 14%, transparent), 0 4px 12px #9d5d6e0f;border-radius:8px;gap:0;padding:42px 34px 28px;position:relative;overflow:visible}.sticky-compose-form:before{content:"";z-index:2;background:repeating-linear-gradient(0deg, #ffffff2e 0 2px, transparent 2px 7px), color-mix(in srgb, var(--button-bg) 84%, var(--surface-float) 16%);width:118px;height:34px;box-shadow:0 8px 18px color-mix(in srgb, var(--rose) 18%, transparent);opacity:.84;border-radius:2px;position:absolute;top:-18px;left:50%;transform:translate(-50%)rotate(1deg)}.sticky-compose-tape{pointer-events:none;height:12px;position:absolute;inset:0 0 auto}.sticky-compose-tape:before{content:"";opacity:.32;background-image:radial-gradient(circle, color-mix(in srgb, var(--muted) 34%, transparent) 1px, transparent 1.5px);background-size:24px 8px;height:8px;position:absolute;top:8px;left:22px;right:22px}.sticky-compose-meta{border-bottom:1px solid color-mix(in srgb, var(--surface-line) 72%, transparent);min-height:44px;color:var(--muted);justify-content:space-between;align-items:start;gap:24px;padding-bottom:12px;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:1.45;display:flex}.sticky-compose-meta-item{text-align:left;display:grid}.sticky-compose-meta-item time,.sticky-compose-meta-place{color:var(--text-soft)}.sticky-compose-meta-place{justify-items:end;padding-top:0}.sticky-compose-field{min-height:260px}.sticky-compose-form textarea,.sticky-admin-item textarea{border:1px solid var(--surface-line);background:var(--surface-strong);border-radius:8px;min-height:94px;padding:10px 12px;font-family:Microsoft YaHei,PingFang SC,sans-serif;font-size:14px;line-height:1.7}.sticky-compose-form textarea{min-height:260px;color:var(--text);resize:vertical;background:0 0;border:0;padding:24px 0 8px;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:1.72}.sticky-compose-form textarea::placeholder{color:color-mix(in srgb, var(--muted) 82%, transparent);font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:1.7}.sticky-compose-form textarea:focus{box-shadow:none;background:0 0}.sticky-compose-form .send-button{justify-self:center;width:min(100%,360px);margin-top:12px}.sticky-admin-note{justify-self:stretch;margin-top:-6px}.sticky-admin-list{justify-self:stretch;gap:12px;width:100%;display:grid}.sticky-admin-item{border:1px solid var(--surface-line);background:var(--surface);box-shadow:var(--message-card-shadow);text-align:left;border-radius:8px;gap:12px;padding:16px;display:grid}.sticky-admin-item p{color:var(--text);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.75}@keyframes listenPulse{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-2px)scale(1.04)}}@keyframes softNod{0%{transform:translateY(0)scale(1)}28%{transform:translateY(3px)scale(.98)}62%{transform:translateY(-2px)scale(1.03)}to{transform:translateY(0)scale(1)}}@media (max-width:720px){.page-shell{padding:28px 16px;padding:max(28px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(28px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));align-items:start}.admin-shell-entry{align-content:center;align-items:center}.avatar{width:84px;height:84px;margin-bottom:8px}.main-title{margin-bottom:13px}.mascot-wrap{min-height:38px;margin-bottom:4px}.mascot{font-size:31px}.letter-box{padding:22px 18px}.home-public{width:100%}.home-sticky-link{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));min-height:34px;font-size:12px}.sticky-login-note,.tot-note-card:nth-child(n){transform:none}.sticky-password-layout{grid-template-columns:1fr;gap:12px;width:100%}.sticky-password-form{grid-template-columns:1fr}.sticky-duration-row{grid-template-columns:1fr minmax(122px,.42fr)!important}.sticky-compose-form{min-height:410px;padding:38px 24px 24px}.sticky-compose-form:before{width:104px;height:30px}.sticky-compose-meta{gap:16px;min-height:58px;font-size:12px}.sticky-compose-field,.sticky-compose-form textarea{min-height:238px}.sticky-compose-form .send-button{justify-self:stretch;width:100%}.letter-box:before{top:50px}textarea{-moz-text-size-adjust:none;text-size-adjust:none;min-height:146px;padding:12px 6px 8px;font-size:16px;line-height:34px}textarea::placeholder{font-size:15px;line-height:34px}.sticky-compose-form textarea{-moz-text-size-adjust:none;text-size-adjust:none;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:1.72}.sticky-compose-form textarea::placeholder{font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;font-size:13px;line-height:1.72}textarea:focus{background:0 0}.nickname input,.admin-login input,.sticky-login-note input,.sticky-compose-form input,.sticky-admin-item input{font-size:16px}.sticky-password-form input,.sticky-password-form select,.sticky-password-form input::placeholder{font-size:13px;line-height:40px}.sticky-password-form select{height:40px;padding-right:30px;line-height:40px}}@media (max-width:380px){.sticky-password-mode{min-height:40px}.sticky-password-mode label{gap:5px;font-size:10px}.sticky-password-form .sticky-password-mode input[type=radio]{width:11px;height:11px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
:root{--bg:#f8f7ff;--surface:#fffcff;--surface-soft:#f4f2ff;--window-blue:#d9e1ff;--window-lavender:#dccfff;--window-active:#c9d5ff;--window-inactive:#ecebfa;--pink:#ffc9e6;--pink-strong:#f59acb;--yellow:#fff0ae;--blue-line:#708ddc;--lavender-line:#a78bd8;--text:#17265c;--text-soft:#6673a2;--border:#8fa3df;--border-light:#d9ddf4;--success:#ddf2df;--warning:#fff1bf;--danger:#ff9cb4;--tot-grid:#708ddc12;--tot-shadow:0 8px 20px #4e5b9b1f;--tot-font:"Microsoft YaHei", "PingFang SC", sans-serif;--tot-ui-font:Tahoma, "Trebuchet MS", Arial, sans-serif}html,body{color:var(--text);background-color:var(--bg);background-image:linear-gradient(var(--tot-grid) 1px, transparent 1px), linear-gradient(90deg, var(--tot-grid) 1px, transparent 1px), linear-gradient(135deg, #fbfaff 0%, #f4f1ff 48%, #fff8fc 100%);font-family:var(--tot-font);background-size:24px 24px,24px 24px,auto}body{overflow-x:hidden}.page-shell{width:min(100%,1180px);margin-inline:auto}.tot-window{border:1px solid var(--border);box-shadow:0 1px 0 #ffffffe6 inset, var(--tot-shadow);background:#fffcfff5;border-radius:5px;animation:.16s ease-out both tot-window-in;overflow:hidden}.tot-window.is-active{border-color:var(--blue-line)}.tot-window.is-sticky{background:#fff9e8;border-color:#d6b55a}.tot-titlebar{min-height:32px;color:var(--text);font-family:var(--tot-ui-font);background:linear-gradient(#e4e8ff 0%,#c9d4ff 48%,#e5d9ff 100%);border-bottom:1px solid #8298da;justify-content:space-between;align-items:center;padding:0 6px 0 9px;font-size:13px;font-weight:600;display:flex}.tot-titlebar.is-inactive{background:var(--window-inactive)}.is-sticky>.tot-titlebar{background:linear-gradient(#fff8d8 0%,#fff0ae 52%,#ffe39b 100%);border-bottom-color:#d6b55a}.tot-titlebar-label,.tot-window-controls{align-items:center;display:flex}.tot-titlebar-label{gap:6px;min-width:0}.tot-titlebar-label>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tot-window-controls{flex:none;gap:3px}.tot-window-control{border:1px solid var(--blue-line);background:linear-gradient(#f7f9ff,#cdd8ff);border-radius:2px;width:18px;height:18px;position:relative;box-shadow:inset 0 1px #ffffffe6}.tot-window-control.is-maximize{background:linear-gradient(#fbf8ff,#ded1ff)}.tot-window-control.is-close{background:linear-gradient(#fff2f8,#ffb8d8)}.tot-window-control:before,.tot-window-control:after{content:"";position:absolute}.tot-window-control.is-minimize:before{background:var(--text);height:1px;bottom:4px;left:4px;right:4px}.tot-window-control.is-maximize:before{border:1px solid var(--text);inset:4px}.tot-window-control.is-close:before,.tot-window-control.is-close:after{background:var(--text);height:1px;top:8px;left:3px;right:3px}.tot-window-control.is-close:before{transform:rotate(45deg)}.tot-window-control.is-close:after{transform:rotate(-45deg)}.tot-window-content{padding:22px}.tot-icon{vertical-align:-.15em;flex:none;width:16px;height:16px;display:inline-block;overflow:visible}.tot-mail-icon{width:72px;height:48px}.tot-input,input,textarea,select{color:#26366b;background:#fffdfe;border:1px solid #9caee0;border-radius:4px;box-shadow:inset 0 1px 3px #505a9614}input::placeholder,textarea::placeholder{color:#a7aecb}.tot-input:focus,input:focus,textarea:focus,select:focus,button:focus-visible,a:focus-visible{border-color:var(--blue-line);outline:none;box-shadow:0 0 0 2px #a4b5f040}.tot-button{color:#253264;background:linear-gradient(#fff,#dde5ff);border:1px solid #899edb;border-radius:4px;min-height:34px;transition:filter .12s,transform .12s;box-shadow:inset 0 1px #ffffffe6,0 2px 5px #8b5f9626}.send-button,.text-button,.like-button,.reply-read-button{color:#253264;background:linear-gradient(#fff,#dde5ff);border:1px solid #899edb;border-radius:4px;transition:filter .12s,transform .12s;box-shadow:inset 0 1px #ffffffe6,0 2px 5px #8b5f9626}.send-button,.tot-button.is-primary{background:linear-gradient(#ffdcef 0%,#ffb9dc 48%,#f69bcb 100%);border-color:#d978ac}.danger-button,.confirm-delete-button{background:linear-gradient(180deg, #ffe7ef, var(--danger));border-color:#d978ac}.tot-button:hover,.send-button:hover,.text-button:hover,.like-button:hover,.reply-read-button:hover{filter:brightness(1.03)}.tot-button:active,.send-button:active,.text-button:active,.like-button:active,.reply-read-button:active{transform:translateY(1px)}.tot-button:disabled,.send-button:disabled,.text-button:disabled,.like-button:disabled,.reply-read-button:disabled{color:#a9a7b4;box-shadow:none;background:#eceaf2;border-color:#d6d3df}.tot-dialog{width:min(420px,100vw - 24px)}.tot-sidebar{width:168px}.tot-list-row{border:1px solid var(--border-light);background:var(--surface);border-radius:4px}.home-shell{align-content:start;gap:22px;min-height:100dvh;padding:48px 24px 30px}.tot-desktop-nav{gap:12px;width:112px;display:grid;position:absolute;top:70px;left:24px}.tot-desktop-nav a{min-height:66px;color:var(--text);font-family:var(--tot-ui-font);text-align:center;border:1px solid #0000;border-radius:4px;place-items:center;gap:4px;padding:8px 5px;font-size:12px;line-height:1.2;text-decoration:none;display:grid}.tot-desktop-nav a:hover,.tot-desktop-nav a:focus-visible{border-color:var(--border);background:#fffcffb8}.tot-desktop-nav .tot-icon{width:28px;height:28px}.home-mail-window,.home-public-window{width:min(100%,620px)}.home-mail-content{padding:24px 32px 22px}.home-mail-window .hero{z-index:auto;width:100%;max-width:none}.home-brand-mark{place-items:center;min-height:44px;margin-bottom:4px;display:grid}.home-mail-window .avatar{width:64px;height:64px;box-shadow:0 0 0 1px var(--border), 0 4px 10px #4e5b9b1f;border:2px solid #fff;margin-bottom:6px}.home-mail-window .mascot-wrap{min-height:0;margin:0;display:none}.home-mail-window .mascot{color:var(--text);font-family:var(--tot-ui-font);font-size:22px;font-weight:600}.home-mail-window .main-title{color:var(--text);margin:0 0 18px;font-size:21px;font-weight:600;line-height:1.2}.home-mail-window .letter-box{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;border-radius:0;gap:12px;padding:0}.home-mail-window .letter-box:before{display:none}.home-mail-window .letter-brand{color:var(--text-soft);font-family:var(--tot-ui-font);letter-spacing:.04em;justify-self:center;font-size:12px;font-weight:500}.home-mail-window textarea{color:#26366b;min-height:152px;font-family:var(--tot-font);background:#fffdfe;border:1px solid #9caee0;border-radius:4px;padding:13px 14px;font-size:14px;line-height:1.65;box-shadow:inset 0 1px 3px #505a9614}.home-mail-window textarea::placeholder{color:#a7aecb;font-family:var(--tot-font);font-size:14px;line-height:1.65}.home-mail-window .nickname{gap:5px}.home-mail-window .nickname span{color:var(--text-soft);font-size:12px}.home-mail-window .nickname input{color:#26366b;background:#fffdfe;border:1px solid #9caee0;border-radius:4px;height:36px;padding:0 10px;box-shadow:inset 0 1px 3px #505a9614}.home-mail-window .public-choice{color:var(--text);grid-template-columns:18px auto;gap:8px;font-size:13px}.home-mail-window .public-choice .box{background:#fff;border:1px solid #9caee0;border-radius:3px;width:18px;height:18px}.home-mail-window .public-choice input:checked+.box{border-color:var(--blue-line);background:var(--window-active)}.home-mail-window .public-choice .box:after{color:var(--text)}.home-mail-window .letter-submit-button{color:#253264;width:100%;min-width:0;height:42px;font-family:var(--tot-ui-font);background:linear-gradient(#ffdcef 0%,#ffb9dc 48%,#f69bcb 100%);border:1px solid #d978ac;border-radius:4px;margin-top:3px;font-size:14px;font-weight:600;box-shadow:inset 0 1px #ffffffe6,0 2px 5px #8b5f9626}.home-mail-window .letter-submit-button:hover{filter:brightness(1.03);transform:none}.home-mail-window .letter-submit-button:active{background:linear-gradient(#f69bcb 0%,#ffb9dc 52%,#ffdcef 100%);transform:translateY(1px)}.home-public-window .tot-window-content{padding:16px}.home-public-window .home-public{gap:10px;width:100%}.home-public-window .home-public-heading h2{color:var(--text);font-family:var(--tot-ui-font);font-size:14px;font-weight:600}.home-public-window .soft-link{color:var(--text-soft)}.home-public-window .empty-state{border:1px dashed var(--border-light);color:var(--text-soft);background:var(--surface-soft);border-radius:4px}.public-shell{align-content:start;gap:18px;min-height:100dvh;padding:48px 24px 30px}.public-inbox-window{width:min(100%,920px)}.public-inbox-window>.tot-window-content{padding:0}.public-inbox-content{gap:0;width:100%;max-width:none;display:grid}.public-inbox-content .panel-header{border-bottom:1px solid var(--border-light);text-align:left;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px;padding:18px 22px 16px 76px;display:grid;position:relative}.public-inbox-content .public-brand-icon{width:42px;height:30px;position:absolute;top:19px;left:22px}.public-inbox-content .panel-back{color:var(--text-soft);grid-column:1/-1;justify-self:start;margin:0;font-size:12px}.public-inbox-content .small-mascot{color:var(--text);font-family:var(--tot-ui-font);grid-row:2/4;font-size:13px}.public-inbox-content .panel-header h1{color:var(--text);font-family:var(--tot-ui-font);margin:0;font-size:22px;font-weight:600;line-height:1.2}.public-inbox-content .panel-header p{color:var(--text-soft);margin:0;font-size:13px}.public-inbox-content .search-box{border-bottom:1px solid var(--border-light);color:var(--text);font-family:var(--tot-ui-font);grid-template-columns:64px 1fr;align-items:center;gap:10px;padding:14px 22px;font-size:12px;display:grid}.public-inbox-content .search-box input{background:#fffdfe;border:1px solid #9caee0;border-radius:4px;height:36px;padding:0 10px}.public-inbox-content .tot-mail-list{gap:10px;padding:14px}.public-inbox-window .message-card{border:1px solid var(--border-light);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:4px;gap:10px;padding:14px 16px;display:grid;box-shadow:inset 0 1px #ffffffeb}.public-inbox-window .message-card:after{display:none}.public-inbox-window .message-card>p{color:#26366b;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.public-inbox-window .message-meta{color:var(--text-soft);justify-content:space-between;align-items:center;gap:12px;font-size:12px;display:flex}.public-inbox-window .message-meta span{color:var(--text);align-items:center;gap:6px;font-weight:600;display:inline-flex}.public-inbox-window .reply-block{border:1px solid var(--border-light);background:var(--surface-soft);box-shadow:none;border-radius:3px;margin:0;padding:10px 12px}.public-inbox-window .reply-block>span{color:var(--lavender-line);font-size:11px;font-weight:600}.public-inbox-window .reply-block p{color:var(--text);margin:4px 0 0;line-height:1.7}.public-inbox-window .public-actions{justify-content:flex-end}.public-inbox-window .like-button{min-width:66px;min-height:32px;color:var(--text);background:linear-gradient(#fff,#dde5ff);border:1px solid #899edb;border-radius:4px;padding:0 10px}.public-inbox-content .empty-state{border:1px dashed var(--border-light);color:var(--text-soft);background:var(--surface-soft);border-radius:4px}.reply-shell{align-content:start;gap:18px;min-height:100dvh;padding:72px 24px 30px}.reply-page.tot-dialog{width:min(100%,680px)}.reply-dialog-content{padding:0}.reply-dialog-content>.panel-back{border-bottom:1px solid var(--border-light);min-height:34px;color:var(--text-soft);font-family:var(--tot-ui-font);align-items:center;margin:0;padding:0 14px;font-size:12px;display:inline-flex}.reply-dialog-content .letter-paper{background:var(--surface);min-height:300px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;gap:0;padding:0;display:grid}.reply-dialog-content .letter-paper-header{border-bottom:1px solid var(--border-light);text-align:center;place-items:center;gap:4px;padding:24px 22px 18px;display:grid;position:relative}.reply-dialog-content .reply-brand-icon{width:58px;height:40px}.reply-dialog-content .small-mascot{color:var(--text);font-family:var(--tot-ui-font);font-size:13px}.reply-dialog-content .letter-paper-header h1{color:var(--text);margin:0;font-size:21px;font-weight:600}.reply-dialog-content .letter-section{border-bottom:1px solid var(--border-light);gap:6px;padding:18px 22px;display:grid}.reply-dialog-content .letter-section h2{color:var(--lavender-line);font-family:var(--tot-ui-font);margin:0;font-size:12px;font-weight:600}.reply-dialog-content .letter-section p{color:#26366b;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.reply-dialog-content .letter-section time,.reply-dialog-content .letter-date{color:var(--text-soft);font-family:var(--tot-ui-font);font-size:11px}.reply-dialog-content .letter-date{justify-self:end;padding:12px 22px 16px}.reply-dialog-content .letter-empty{min-height:300px;color:var(--text-soft);text-align:center;place-items:center;margin:0;padding:24px;display:grid}.tot-shell{align-content:start;gap:18px;min-height:100dvh;padding:72px 24px 30px}.tot-panel-window{width:min(100%,820px)}.tot-password-window.tot-dialog{width:min(100%,480px)}.tot-panel-window>.tot-window-content{background:#fff9e8;padding:0}.tot-panel-window .tot-panel{gap:0;width:100%;max-width:none;display:grid}.tot-panel-window .tot-header{text-align:center;border-bottom:1px solid #efd49a;justify-items:center;gap:5px;padding:20px 22px 16px;display:grid;position:relative}.tot-panel-window .tot-header .panel-back{color:var(--text-soft);margin:0;font-size:12px;position:absolute;top:12px;left:14px}.tot-panel-window .sticky-brand-icon{width:54px;height:36px}.tot-panel-window .tot-header h1{color:var(--text);font-family:var(--tot-ui-font);margin:0;font-size:21px;font-weight:600}.tot-panel-window .tot-header p{color:var(--text-soft);margin:0;font-size:13px}.tot-panel-window .sticky-login-note{width:auto;min-height:0;box-shadow:none;background:#fff9e8;border:0;border-radius:0;gap:14px;margin:0;padding:24px 28px 26px;display:grid;transform:none}.tot-panel-window .sticky-login-note:before,.tot-panel-window .sticky-login-note:after{display:none}.tot-panel-window .sticky-login-note label{color:var(--text);gap:7px;font-size:13px;display:grid}.tot-panel-window .sticky-login-note input{height:40px;color:var(--text);background:#fffdf4;border:1px solid #d8bd79;border-radius:4px;padding:0 10px}.tot-panel-window .sticky-login-note .send-button{background:linear-gradient(#fff8d9,#ffe8a1);border-color:#d6b55a;width:100%;height:40px}.tot-panel-window .sticky-board{gap:14px;padding:18px;display:grid}.tot-panel-window .sticky-board-toolbar{border-bottom:1px solid #efd49a;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;display:flex}.tot-panel-window .sticky-board-toolbar p,.tot-panel-window .sticky-board-hint{color:var(--text-soft);margin:0;font-size:12px}.tot-panel-window .sticky-note-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.tot-panel-window .tot-note-card{background:#fff9e8;border:1px solid #e7c879;border-radius:4px;min-height:170px;padding:18px;position:relative;transform:none;box-shadow:inset 0 1px #ffffffe6,0 3px 8px #a27b3614}.tot-panel-window .tot-note-card:before,.tot-panel-window .tot-note-card:after{display:none}.tot-panel-window .tot-note-meta{color:#8c6e36;font-family:var(--tot-ui-font);justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;font-size:11px;display:flex}.tot-panel-window .tot-note-card p{color:var(--text);white-space:pre-wrap;margin:0;font-size:14px;line-height:1.8}.admin-shell{align-content:start;gap:18px;min-height:100dvh;padding:48px 24px 30px}.admin-shell.admin-shell-entry{align-content:center}.admin-control-window{width:min(100%,1120px)}.admin-login-window.tot-dialog{width:min(100%,520px)}.admin-control-window>.tot-window-content{padding:0}.admin-control-window .panel-page{gap:0;width:100%;max-width:none;display:grid}.admin-control-window .panel-header{border-bottom:1px solid var(--border-light);text-align:left;grid-column:1/-1;gap:4px;padding:18px 22px 16px;display:grid}.admin-control-window .panel-header .panel-back{color:var(--text-soft);justify-self:start;margin:0 0 6px;font-size:12px}.admin-control-window .panel-header h1{color:var(--text);font-family:var(--tot-ui-font);margin:0;font-size:22px;font-weight:600}.admin-control-window .panel-header p{color:var(--text-soft);margin:0;font-size:13px}.admin-login-window .admin-login{background:var(--surface);width:auto;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;gap:14px;padding:24px 28px 26px;display:grid}.admin-login-window .admin-password-row{color:var(--text);gap:7px;font-size:13px}.admin-login-window .admin-login input{background:#fffdfe;border:1px solid #9caee0;border-radius:4px;width:100%;height:40px;padding:0 10px}.admin-login-window .admin-login .send-button{border-radius:4px;width:100%;height:40px}.admin-control-window .admin-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:20px;display:grid}.admin-control-window .admin-menu-card{border:1px solid var(--border-light);min-height:92px;color:var(--text);text-align:left;background:linear-gradient(#fff,#eef1ff);border-radius:4px;align-content:center;justify-items:start;gap:5px;padding:16px;display:grid;box-shadow:inset 0 1px #fff}.admin-control-window .admin-menu-card span{color:var(--text-soft);font-size:11px}.admin-control-window .admin-menu-card strong{color:var(--text);font-size:15px;font-weight:600}.admin-control-window .admin-menu-logout{grid-column:1/-1;justify-self:end;min-width:90px}.admin-panel-with-sidebar{grid-template-columns:168px minmax(0,1fr)}.admin-panel-with-sidebar .tot-sidebar{border-right:1px solid var(--border-light);background:var(--surface-soft);align-content:start;gap:6px;width:168px;padding:12px;display:grid}.admin-panel-with-sidebar .tot-sidebar button{border:1px solid var(--border-light);min-height:38px;color:var(--text);font-family:var(--tot-ui-font);text-align:left;background:linear-gradient(#fff,#e7ebff);border-radius:4px;align-items:center;gap:8px;padding:0 10px;font-size:12px;display:flex}.admin-panel-with-sidebar .tot-sidebar button:hover,.admin-panel-with-sidebar .tot-sidebar button:focus-visible{border-color:var(--border);filter:brightness(1.03)}.admin-control-window .admin-board{min-width:0;padding:14px}.admin-control-window .board-toolbar{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;gap:12px;margin:0 0 12px;padding:0 0 10px;display:flex}.admin-control-window .board-toolbar p{color:var(--text-soft);margin:0;font-size:12px}.admin-control-window .message-list,.admin-control-window .sticky-admin-list{gap:10px}.admin-control-window .message-card,.admin-control-window .sticky-admin-item{border:1px solid var(--border-light);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:4px;gap:10px;padding:14px;display:grid;box-shadow:inset 0 1px #fff}.admin-control-window .message-card:after,.admin-control-window .sticky-admin-item:after,.admin-control-window .sticky-admin-item:before{display:none}.admin-control-window .message-card>p,.admin-control-window .sticky-admin-item>p{color:#26366b;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.7}.admin-control-window .message-meta{color:var(--text-soft);justify-content:space-between;align-items:center;gap:10px;font-size:11px;display:flex}.admin-control-window .message-flags{flex-wrap:wrap;gap:6px;display:flex}.admin-control-window .message-flags span{border:1px solid var(--border-light);color:var(--text-soft);background:var(--surface-soft);border-radius:3px;padding:3px 6px;font-size:11px}.admin-control-window .reply-editor,.admin-control-window .supplement-editor{gap:6px;display:grid}.admin-control-window .reply-editor textarea,.admin-control-window .supplement-editor textarea,.admin-control-window .sticky-admin-item textarea,.admin-control-window .sticky-compose-form textarea{color:#26366b;min-height:104px;font-family:var(--tot-font);background:#fffdfe;border:1px solid #9caee0;border-radius:4px;padding:10px;font-size:14px;line-height:1.65;box-shadow:inset 0 1px 3px #505a9614}.admin-control-window .supplement-item,.admin-control-window .reply-block{border:1px solid var(--border-light);background:var(--surface-soft);box-shadow:none;border-radius:4px}.admin-control-window .reply-actions,.admin-control-window .message-actions,.admin-control-window .admin-confirm-actions{flex-wrap:wrap;gap:8px;display:flex}.admin-control-window .text-button,.admin-control-window .reply-confirm-button{min-height:34px;color:var(--text);background:linear-gradient(#fff,#dde5ff);border:1px solid #899edb;border-radius:4px;padding:0 12px}.admin-control-window .sticky-admin-panel{gap:14px;display:grid}.admin-control-window .sticky-compose-form,.admin-control-window .sticky-password-form,.admin-control-window .sticky-password-card{background:#fff9e8;border:1px solid #e2c77d;border-radius:4px;transform:none;box-shadow:inset 0 1px #fff}.admin-control-window .sticky-compose-form{min-height:0;padding:24px 18px 18px}.admin-control-window .sticky-admin-item .message-actions .text-button{min-width:0;padding:0 8px;font-size:12px}.admin-control-window .sticky-compose-form:before{display:none}.admin-control-window .sticky-password-layout{gap:10px}.admin-control-window .sticky-password-form input,.admin-control-window .sticky-password-form select,.admin-control-window .sticky-admin-item input{background:#fffdf4;border:1px solid #bba566;border-radius:4px;min-height:38px}.admin-confirm-backdrop{background:#2532642e}.admin-confirm-dialog.tot-dialog{border:1px solid var(--border);background:var(--surface);width:min(420px,100vw - 24px);box-shadow:var(--tot-shadow);border-radius:5px;padding:0;overflow:hidden}.admin-confirm-dialog.tot-dialog h2{color:var(--text);align-items:center;gap:10px;margin:0;padding:22px 22px 12px;font-size:15px;font-weight:600;display:flex}.admin-confirm-dialog .tot-dialog-icon{width:28px;height:28px}.admin-confirm-dialog.tot-dialog .admin-confirm-actions{justify-content:flex-end;padding:8px 22px 20px}.letter-float-card.tot-dialog,.reply-return-card.tot-dialog{border:1px solid var(--border);background:var(--surface);width:min(88vw,310px);box-shadow:var(--tot-shadow);-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:5px;padding:0 0 18px;overflow:hidden}.letter-float-card .tot-titlebar,.reply-return-card .tot-titlebar{text-align:left;margin-bottom:16px}.letter-float-card .letter-mark,.reply-return-card .letter-mark{place-items:center;margin:0 0 8px;display:grid}.letter-float-card .letter-mark .tot-mail-icon,.reply-return-card .letter-mark .tot-mail-icon{animation:.6s ease-in-out both tot-mail-send}.reply-return-card .reply-read-button{min-width:82px;padding:0 16px}@keyframes tot-mail-send{0%{transform:translateY(4px)rotate(0)}45%{transform:translateY(-4px)rotate(-2deg)}70%{transform:translateY(-2px)rotate(2deg)}to{transform:translateY(0)rotate(0)}}@keyframes tot-window-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.admin-shell{align-content:start;gap:14px;padding:14px 0 24px}.admin-shell.admin-shell-entry{align-content:center;min-height:100dvh}.tot-window.admin-control-window,.tot-window.admin-login-window.tot-dialog{width:calc(100% - 24px);margin-inline:12px}.admin-control-window .panel-header{padding:16px}.admin-control-window .panel-header h1{font-size:19px}.admin-login-window .admin-login{padding:20px 16px 22px}.admin-control-window .admin-menu{grid-template-columns:1fr;padding:14px}.admin-control-window .admin-menu-logout{grid-column:1;width:100%}.admin-panel-with-sidebar{grid-template-columns:minmax(0,1fr)}.admin-panel-with-sidebar .tot-sidebar{border-right:0;border-bottom:1px solid var(--border-light);grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:100%;padding:8px;display:grid}.admin-panel-with-sidebar .tot-sidebar button{justify-content:center;gap:4px;min-width:0;min-height:40px;padding:0 4px;font-size:11px}.admin-control-window .admin-board{padding:10px}.admin-control-window .board-toolbar,.admin-control-window .message-meta{flex-direction:column;align-items:flex-start}.admin-control-window .board-toolbar .text-button,.admin-control-window .message-actions .text-button,.admin-control-window .reply-actions .text-button{min-height:40px}.admin-control-window .sticky-password-layout,.admin-control-window .sticky-password-form{grid-template-columns:1fr}.admin-confirm-dialog.tot-dialog{margin-inline:12px}.tot-shell{gap:14px;padding:20px 0 24px}.tot-window.tot-panel-window,.tot-window.tot-password-window.tot-dialog{width:calc(100% - 24px);margin-inline:12px}.tot-panel-window .tot-header{text-align:left;place-items:start;padding:52px 16px 14px}.tot-panel-window .tot-header .panel-back{top:14px}.tot-panel-window .sticky-login-note{padding:20px 16px 22px}.tot-panel-window .sticky-note-list{grid-template-columns:1fr}.reply-shell{gap:14px;padding:20px 0 24px}.tot-window.reply-page.tot-dialog{width:calc(100% - 24px);margin-inline:12px}.reply-dialog-content .letter-paper-header,.reply-dialog-content .letter-section{padding-inline:16px}.reply-dialog-content .letter-empty{min-height:260px}.public-shell{gap:14px;padding:14px 0 24px}.public-inbox-content .panel-header{grid-template-columns:1fr;padding:16px 16px 14px 62px}.public-inbox-content .public-brand-icon{width:38px;height:27px;top:18px;left:14px}.public-inbox-content .small-mascot{display:none}.public-inbox-content .panel-header h1{font-size:19px}.public-inbox-content .search-box{grid-template-columns:1fr;gap:6px;padding:12px 14px}.public-inbox-content .search-box input{height:40px;font-size:16px}.public-inbox-content .tot-mail-list{padding:10px}.public-inbox-window .message-card{padding:12px}.public-inbox-window .message-meta{flex-direction:column;align-items:flex-start;gap:4px}.home-shell{gap:14px;padding:14px 0 24px}.tot-desktop-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;width:calc(100% - 24px);margin-inline:12px;display:grid;position:static}.tot-desktop-nav a{border-color:var(--border-light);background:#fffcffdb;grid-template-columns:18px auto;justify-content:center;place-items:center;gap:5px;min-height:42px}.tot-desktop-nav .tot-icon{width:18px;height:18px}.home-mail-content{padding:18px 16px}.home-mail-window .avatar{width:56px;height:56px}.home-mail-window .main-title{font-size:19px}.home-mail-window textarea{min-height:146px;padding:12px;font-size:16px;line-height:1.65}.tot-window{width:calc(100% - 24px);margin-inline:12px}.tot-titlebar{min-height:30px}.tot-window-content{padding:16px}button,.tot-button,.send-button,.text-button{min-height:40px}}@media (min-width:768px) and (max-width:1023px){.page-shell{width:min(100%,960px)}}@media (min-width:1024px){.page-shell{width:min(100%,1180px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.about-shell{place-items:center;min-height:100vh;padding:44px 0;display:grid}.about-window{width:min(760px,100% - 32px)}.about-window-content{padding:0}.about-brand{border-bottom:1px solid var(--border-light);text-align:center;background:radial-gradient(circle at 20% 28%,#ffffffeb 0 2px,#0000 3px),linear-gradient(135deg,#e4e8ffb8,#fff8fcd1);justify-items:center;padding:28px 36px 24px;display:grid}.about-brand-icon{place-items:center;width:74px;height:50px;margin-bottom:8px;display:grid}.about-brand-icon .tot-icon{width:72px;height:48px}.about-kicker{color:var(--blue-line);letter-spacing:.08em;text-transform:uppercase;margin:0 0 4px;font:600 11px/1.4 Tahoma,Arial,sans-serif}.about-brand h1{color:var(--text);margin:0;font-size:22px;font-weight:600}.about-brand>p:last-child{max-width:510px;color:var(--text-soft);margin:10px 0 0;line-height:1.8}.about-section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:18px;display:grid}.about-section{background:linear-gradient(180deg, #fff, var(--surface-soft));min-width:0;padding:16px}.about-section-icon{border:1px solid var(--border-light);background:#fff;border-radius:4px;place-items:center;width:30px;height:30px;margin-bottom:10px;display:grid;box-shadow:inset 0 1px #ffffffe6}.about-section-icon .tot-icon{width:20px;height:20px}.about-section h2{color:var(--text);margin:0 0 7px;font-size:14px;font-weight:600}.about-section p{color:var(--text-soft);margin:0;font-size:13px;line-height:1.75}.about-footer{border-top:1px solid var(--border-light);background:#f4f2ffad;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.about-footer p{color:var(--text-soft);align-items:center;gap:6px;margin:0;font:12px/1.4 Tahoma,Arial,sans-serif;display:flex}.about-footer .tot-button{min-width:116px}@media (max-width:767px){.about-shell{min-height:auto;padding:20px 0 24px}.tot-window.about-window{width:calc(100% - 24px)}.about-brand{padding:22px 18px 20px}.about-section-grid{grid-template-columns:1fr;padding:12px}.about-section{padding:14px}.about-footer{flex-direction:column;align-items:stretch;padding:12px}.about-footer .tot-button{width:100%;min-height:40px}}
html{scroll-behavior:smooth}button{appearance:none}.admin-password-row{gap:8px;display:grid}.hero{width:100%;max-width:440px}.home-public{width:100%;max-width:520px}.panel-page{width:100%;max-width:760px}.reply-page{width:100%;max-width:680px}.letter-float-card,.reply-return-card{width:min(82vw,250px)}