@font-face{font-family:SeaFallback;src:local("Microsoft YaHei")}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#06141e;color:#edf2ee;font-family:Inter,"Segoe UI",SeaFallback,"PingFang SC",sans-serif;line-height:1.7;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.45}a{color:inherit;text-decoration:none}button,input,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid #e1b98a}input,textarea{width:100%;color:#eff7f6;background:#0b2029;border:1px solid #28434c;border-radius:9px;padding:13px 16px;transition:border-color .2s}input:focus,textarea:focus{outline:0;border-color:#caad82;box-shadow:0 0 0 3px #c6a1751c}textarea{resize:vertical;min-height:112px}header{max-width:1160px;margin:auto;padding:35px 32px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2}.brand{font-size:29px;letter-spacing:.19em;display:flex;align-items:center;gap:22px}.brand span{font-size:10px;letter-spacing:.25em;color:#9bb0b8}.quiet{background:transparent;border:0;padding:8px 10px;color:#b6c7c8;font-size:13px}.quiet:hover{color:#f3d9aa}main{max-width:1080px;margin:43px auto 0;padding:0 24px;position:relative;display:grid;grid-template-columns:1fr 1.13fr;column-gap:85px}.intro{padding-top:38px}.eyebrow{color:#c8af89;letter-spacing:.2em;font-size:12px;margin:0 0 23px}h1{font-family:Georgia,"Songti SC",SimSun,serif;font-weight:400;letter-spacing:.06em;font-size:41px;line-height:1.65;margin:0}h1 span{display:block;font-size:25px;color:#b6c7c9;letter-spacing:.025em;margin-top:6px}.lede{font-size:14px;color:#96afb8;margin:29px 0 27px;line-height:2.15}.details{display:flex;gap:20px;color:#7f9ca6;font-size:11px}.details span:before{content:"·";color:#d6b58a;margin-right:7px}.workspace{background:#10232bcf;border:1px solid #3b555958;border-radius:17px;box-shadow:0 25px 100px #0004;backdrop-filter:blur(16px);padding:0 26px 18px;align-self:start;min-height:560px}.tabs{display:flex;gap:23px;border-bottom:1px solid #37515b77;margin-bottom:25px}.tabs button{background:transparent;border:0;color:#829ba5;font-size:13px;padding:20px 0 15px;white-space:nowrap;position:relative}.tabs [aria-selected=true]{color:#f0d6ac}.tabs [aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#e3bd89}.tabs span{font-size:10px;margin-left:5px;color:#78929a}.field-top{display:flex;justify-content:space-between;align-items:center;margin:20px 0 8px;font-size:12px}.field-top span{color:#75939f;font-size:11px}.field-top:first-child{margin-top:0}.preview{margin:20px 0 21px;background:linear-gradient(180deg,#081b27,#0c2633);border-radius:10px;min-height:110px;text-align:center;padding:12px 5px 7px;overflow:hidden}.preview-label{font-size:9px;letter-spacing:.14em;color:#607f8d}.preview p{font-size:16px;letter-spacing:.04em;color:#ed9ac8;text-shadow:0 0 18px #d4549b70;margin:8px 0 1px;overflow-wrap:anywhere;animation:float 6s ease-in-out infinite}.preview-wave{font-size:18px;letter-spacing:.13em;color:#54839333;white-space:nowrap}.primary,.secondary,.danger{border-radius:8px;padding:12px 20px;border:1px solid transparent;font-size:13px;transition:background .2s}.primary{width:100%;background:#e0bd8b;color:#172731;font-weight:600;display:flex;align-items:center;justify-content:space-between}.primary:hover{background:#f2d1a1}.primary span{font-size:19px}.secondary{background:#1d3540;border-color:#3b5862;color:#d0e0e1}.secondary:hover{background:#294751}.danger{background:#af526a;color:white}.hint{color:#7b96a0;font-size:11px;line-height:1.8;margin:11px 0 0}#status{font-size:12px;color:#b6d5c8;margin:14px 0 0;min-height:21px}#status.error{color:#ffb6bb}.backup{grid-column:2;display:flex;align-items:center;gap:12px;color:#738f99;margin:19px 0 0}.backup>span{color:#b49674;font-size:26px}.backup p{margin:0;flex:1;font-size:11px;line-height:1.8}.backup strong{font-weight:400;color:#aabfc4}.backup button{padding-right:0;white-space:nowrap;font-size:11px}footer{grid-column:1/-1;color:#587783;margin-top:72px;padding:29px 0 28px;border-top:1px solid #304a5444;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font-size:10px;letter-spacing:.07em}footer p{margin:0}footer small{width:100%;font-size:10px;color:#56727b;letter-spacing:0}.panel-heading{display:flex;justify-content:space-between;align-items:start;margin:0 0 20px}.panel-heading h2{font-size:18px;font-weight:400;margin:0 0 5px}.panel-heading p{font-size:11px;color:#849ca4;margin:0}.message-card{padding:17px 0;border-bottom:1px solid #304a5455}.message-card p{font-size:15px;color:#eed6e6;margin:0 0 9px;overflow-wrap:anywhere}.message-meta{display:flex;gap:8px;align-items:center;justify-content:space-between;font-size:10px;color:#78959f}.message-meta button{color:#ba94a3;font-size:11px}.empty{text-align:center;padding:70px 0;color:#8ba7ae;font-size:13px}#write-another,#archive-more{width:100%;margin-top:20px}.sky{position:fixed;inset:0;z-index:-1;overflow:hidden;background:radial-gradient(ellipse at 18% 48%,#17354060,transparent 55%),linear-gradient(170deg,#06131d,#0b222d 72%,#091922)}.moon{position:absolute;top:120px;left:calc(50% - 407px);width:38px;height:38px;border-radius:50%;box-shadow:-13px 9px 0 1px #e7e4d2;transform:rotate(-18deg);opacity:.85}.horizon{position:absolute;top:62%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#6d99923d,transparent)}.sea-line{position:absolute;width:150%;height:125px;border:1px solid #40636c25;border-radius:50%;transform:rotate(-9deg);left:-20%;bottom:13%}.two{bottom:4%;transform:rotate(-5deg);border-color:#65867720}.three{bottom:-3%;transform:rotate(-11deg);border-color:#69867728}dialog{background:#112932;border:1px solid #41606a;border-radius:15px;color:#e3eded;padding:30px;width:min(470px,calc(100% - 32px));box-shadow:0 20px 120px #000a}dialog::backdrop{background:#010b13b8;backdrop-filter:blur(5px)}dialog h2{font-size:25px;margin:0 0 14px;font-weight:400}dialog h3{font-size:14px;font-weight:400}dialog label{display:block;font-size:12px;margin:18px 0 8px}.dialog-close{position:absolute;right:13px;top:8px;font-size:27px}.dialog-intro{font-size:13px;color:#96afb8}.row{display:flex;gap:10px;margin-top:14px}.row>*{flex:1}.divider{height:1px;background:#34515b;margin:24px 0}.dialog-intro+.field-top{margin-top:20px}#account-status{font-size:12px;color:#c2caa0;overflow-wrap:anywhere}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.counter-error{color:#ffa4b4!important}@keyframes float{0%,100%{transform:translateY(2px)}50%{transform:translateY(-3px)}}@media(max-width:850px){main{column-gap:30px}h1{font-size:32px}h1 span{font-size:21px}.details{gap:10px}.tabs{gap:14px}.workspace{padding-left:20px;padding-right:20px}}@media(max-width:650px){header{padding:22px}.brand{font-size:25px;gap:12px}.brand span{font-size:8px}.quiet{font-size:12px}main{display:block;margin-top:20px;padding:0 20px}.intro{padding:0 0 28px}.eyebrow{margin-bottom:10px}h1{font-size:31px}h1 span{font-size:20px}.lede{font-size:12px;margin:17px 0;line-height:1.9}.details{font-size:10px;gap:22px}.workspace{min-height:540px}.moon{left:82%;top:135px;width:34px;height:34px;box-shadow:-9px 5px 0 0 #e7e4d2}.backup{margin-top:18px}.backup p{font-size:10px}footer{margin-top:40px}.tabs{justify-content:space-between;gap:8px}.tabs button{font-size:12px}}@media(prefers-reduced-motion:reduce){.preview p{animation:none}*{scroll-behavior:auto!important}}