:root{--rpx:.586667px;--phone-width:440px;--phone-left:calc(50% - 220px)}*{box-sizing:border-box}html{min-height:100%;scrollbar-gutter:stable}body{margin:0;background:linear-gradient(125deg,#e5e2ee,#d3dbe9 60%,#ddd8e9);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#635570;min-height:100vh}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #9c85b7;outline-offset:3px}input,textarea{outline:none;border:0}img{object-fit:cover;max-width:100%}#app{position:relative;width:var(--phone-width);margin:0 auto;min-height:100vh;box-shadow:0 0 70px rgba(91,74,121,.09)}#app span{white-space:pre-line}#app .hero-subtitle,#app .story-teaser,#app .thread-last,#app .nav-title,#app .brand-kicker{white-space:nowrap}#app .tab-wrap,#app .ambient,#app .sheet-mask{left:var(--phone-left);right:auto;width:var(--phone-width)}#app .action-dock{left:calc(var(--phone-left) + var(--rpx) * 30);right:auto;width:calc(var(--phone-width) - var(--rpx) * 60)}#app .chat-composer{left:calc(var(--phone-left) + var(--rpx) * 26);right:auto;width:calc(var(--phone-width) - var(--rpx) * 52)}#app .detail-page:has(.action-dock){padding-bottom:calc(var(--rpx) * 195)}#app .icon,#app .tab-icon{object-fit:contain}#app .card-title{white-space:normal}#app input{min-width:0}#app textarea{border:1px solid rgba(183,167,200,.2);resize:vertical}#app .hero-title{white-space:pre-line}#app .ambient{z-index:-1}#app .app-shell{z-index:0}#app .form-input{width:100%}#app button:disabled{cursor:default}#app .hero-cta{white-space:nowrap}#app .sheet-mask .sheet{overscroll-behavior:contain}.preview-status{position:fixed;left:var(--phone-left);width:var(--phone-width);top:0;height:26px;padding:7px 20px 0;display:flex;align-items:center;justify-content:space-between;z-index:50;font:500 11px -apple-system,BlinkMacSystemFont,sans-serif;color:#605975;pointer-events:none}.preview-capsule{position:fixed;left:calc(var(--phone-left) + var(--phone-width) - 94px);top:38px;display:flex;align-items:center;justify-content:center;gap:12px;width:82px;height:28px;border:1px solid rgba(127,111,155,.22);border-radius:16px;color:#5f5674;z-index:50;font-size:17px;pointer-events:none}.preview-capsule i{width:1px;height:13px;background:rgba(109,86,140,.17)}.preview-note{position:fixed;top:50%;left:max(35px,calc(50% - 540px));transform:translateY(-50%);width:255px}.note-star{font-size:52px;color:#a69abc}.preview-note h1{font-size:69px;font-family:Georgia,serif;font-weight:400;line-height:1.03;letter-spacing:-3px;color:#7c6c91;margin:16px 0 24px}.preview-note>p{font-size:20px;line-height:1.9;letter-spacing:3px;color:#887c99}.preview-rule{height:1px;background:rgba(148,129,170,.2);width:180px;margin:26px 0}.preview-note .preview-detail{font-size:12px;letter-spacing:1px;line-height:2;color:#9b8ca8}.preview-tag{font-size:12px;color:#8c779f;background:rgba(255,255,255,.28);padding:7px 13px;border:1px solid rgba(255,255,255,.7);border-radius:20px;display:inline-block;margin-top:10px}.preview-note .preview-fine{font-size:11px;line-height:1.9;letter-spacing:.6px;color:#a499b1}#toast{position:fixed;left:50%;bottom:130px;transform:translateX(-50%) translateY(10px);padding:12px 20px;background:rgba(80,65,101,.85);color:white;border:1px solid rgba(255,255,255,.3);border-radius:18px;z-index:220;font-size:13px;max-width:85vw;opacity:0;pointer-events:none;transition:.2s;backdrop-filter:blur(15px)}#toast.visible{opacity:1;transform:translateX(-50%) translateY(0)}.modal-overlay{position:fixed;inset:0;z-index:200;background:rgba(66,50,90,.23);backdrop-filter:blur(7px);display:grid;place-items:center;padding:24px}.modal-box{max-width:360px;width:100%;padding:28px;border-radius:25px;background:rgba(248,244,255,.96);border:1px solid #fff;box-shadow:0 18px 55px rgba(100,70,130,.15);color:#786188}.modal-box h2{font-size:19px;margin:0 0 16px;letter-spacing:1px;font-weight:500}.modal-box p{font-size:14px;line-height:1.9;color:#9a85a8;margin:0 0 24px}.modal-actions{display:flex;gap:12px}.modal-actions button{flex:1;border:1px solid #e2d6ec;border-radius:14px;padding:11px;text-align:center;font-size:14px;background:transparent;color:#9a84ad}.modal-actions .confirm{background:#9f8ab5;color:#fff;border-color:#9f8ab5}@media(max-width:1099px){.preview-note{display:none}}@media(max-width:440px){html{scrollbar-gutter:auto}#app{box-shadow:none}}@media(prefers-reduced-motion:reduce){#app *{animation:none!important;scroll-behavior:auto!important}}
:root .confirm-avatar,:root .review-avatar,:root .thread-avatar img,:root .chat-profile>img{object-position:center 24%}
@media(max-width:440px){html::-webkit-scrollbar{width:0}html{scrollbar-width:none}}

/* Astral world preview environment */
body{background:radial-gradient(ellipse at 20% 25%,#292137,transparent 65%),linear-gradient(125deg,#171320,#0c0b14);color:#d6c8e4}
#app{box-shadow:0 0 90px #0007;border-left:1px solid #af86cf13;border-right:1px solid #af86cf13}
.preview-status{color:#c6b6d6}.preview-capsule{color:#c6b6d6;border-color:#caa6e72b;background:#21182e22}.preview-capsule i{background:#caa6e72b}
.note-star{color:#b299c9}.preview-note h1{color:#d7c4e7;font-size:64px;letter-spacing:-2px}.preview-note>p{color:#b89dcc;font-family:serif;font-size:22px;letter-spacing:4px}.preview-rule{background:#b488d12b}
.preview-note .preview-detail{color:#8f769f}.preview-tag{color:#c5a4d9;background:#a879c811;border-color:#bc8ada3b;border-radius:4px;font-family:serif;letter-spacing:2px}.preview-note .preview-fine{color:#705c7e}
.modal-overlay{background:#08050e80}.modal-box{background:linear-gradient(140deg,#382344f5,#20162ff5);border:1px solid #b483d549;box-shadow:0 18px 55px #0006;color:#e3c5f4;border-radius:16px}.modal-box p{color:#baa0cb}.modal-actions button{border-color:#a574bf66;border-radius:7px;color:#c6a6dc}.modal-actions .confirm{background:#b28bc9;color:#291635;border-color:#dab6f1}
#toast{background:#332340ed;border-color:#b686d655;border-radius:9px;color:#e7d0f5}
#app textarea{border-color:#bf95d837}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-color:#cca9e4}
@media(max-width:440px){#app{border:0}}

#app .astral-dialog-mask{left:var(--phone-left);right:auto;width:var(--phone-width)}
#app .detail-page:has(.action-dock){padding-bottom:calc(var(--rpx) * 195 + var(--safe-bottom,0px))}