:root{--ink:#182c2a;--muted:#7c8580;--green:#196b52;--mint:#e9f3ec;--line:#e6e9e3;--bg:#f6f7f2;--white:#fff;--red:#b33e37;font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--bg);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #82b9a4;outline-offset:3px}input:focus,textarea:focus,select:focus{outline:2px solid #83b69e;outline-offset:1px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}header{height:86px;max-width:1440px;margin:auto;padding:0 6%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;font-size:23px;font-weight:750;letter-spacing:1px}.brand-icon{width:35px;height:35px;background:var(--green);color:white;border-radius:10px;text-align:center;font-size:31px;line-height:32px}.brand-en{font-size:10px;font-weight:600;letter-spacing:2px;margin-left:8px;color:var(--muted)}.env{display:flex;align-items:center;gap:8px;color:#5b6b62;font-size:12px}.env i,.share-live i{width:6px;height:6px;display:inline-block;border-radius:50%;background:#47916c}.shell{max-width:1280px;margin:auto;padding:48px 5% 0}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.eyebrow{font-size:11px;letter-spacing:3px;color:var(--green);font-weight:700;margin-bottom:14px}h1{font-size:clamp(26px,3vw,38px);letter-spacing:-1.3px;font-weight:650;margin:0 0 13px}h1 span{color:#6e9e70}.intro p{font-size:14px;color:var(--muted);margin:0}.hero-mark{height:86px;width:86px;border:1px solid #d8e2d6;border-radius:50%;color:#86a58d;font-size:65px;text-align:center;line-height:77px;transform:rotate(-8deg)}.workspace{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:24px;align-items:stretch}.panel{background:white;border:1px solid var(--line);border-radius:18px;box-shadow:0 6px 24px #1b3c2604}.composer{padding:27px 28px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:10px}.section-top>div{display:flex;align-items:center;gap:10px}.step{font-size:11px;background:var(--mint);border-radius:6px;padding:6px;color:var(--green);font-weight:650}h2{font-size:16px;margin:0;font-weight:650}.subtle{font-size:11px;color:var(--muted)}.room-fields{display:grid;grid-template-columns:1fr 126px;gap:14px;margin-bottom:22px}label{font-size:11px;color:#67746c;display:block}input,select{width:100%;background:#fbfcf9;border:1px solid var(--line);padding:11px 12px;color:var(--ink);border-radius:8px;margin-top:8px;font-size:13px}input:disabled,select:disabled{opacity:.65}input::placeholder,textarea::placeholder{color:#a0a79f}.tabs{display:flex;gap:7px;border-bottom:1px solid var(--line);padding-bottom:10px}.tab{background:transparent;border:0;color:#859086;border-radius:7px;padding:8px 19px;font-size:13px}.tab.active{background:var(--mint);color:var(--green);font-weight:600}textarea{width:100%;height:198px;border:0;resize:vertical;min-height:150px;max-height:350px;padding:21px 0 10px;color:var(--ink);background:transparent;line-height:1.8;font-size:14px}.editor-foot{display:flex;justify-content:space-between;font-size:10px;color:#98a097;padding-bottom:20px;border-bottom:1px solid var(--line)}.send-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px}.send-row p{font-size:10px;color:var(--muted);margin:0}.primary{border:0;background:var(--green);color:white;border-radius:9px;padding:13px 19px;font-size:13px;font-weight:600;white-space:nowrap}.primary:hover{background:#15583f}.primary span{margin-left:14px}.share-panel{padding:27px 25px 0;display:flex;flex-direction:column}.share-panel .section-top{margin-bottom:10px}#share-empty{text-align:center;padding:22px 0 30px;flex:1}#share-empty h3{font-size:14px;font-weight:500;margin:20px 0 10px}#share-empty p{font-size:12px;line-height:1.9;color:var(--muted)}.qr-placeholder{margin:4px auto 0;width:152px;height:152px;border:1px dashed #d6ded2;border-radius:16px;background:repeating-linear-gradient(45deg,#f5f7f1 0px,#f5f7f1 3px,#fafbf7 3px,#fafbf7 10px);display:grid;place-items:center}.qr-placeholder span{font-size:80px;color:#cbd8c9}.aside-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0;margin-top:auto;font-size:10px;color:#788b7d}.share-live{text-align:center;font-size:11px;color:var(--green);margin-top:17px}#qr{margin:15px auto 10px;max-width:186px;background:white}#qr svg{width:100%;height:auto;display:block}.center{text-align:center}.link-box{display:flex;margin-top:16px;background:#f6f8f3;border:1px solid var(--line);border-radius:8px;padding:3px}.link-box input{border:0;background:transparent;margin:0;padding:7px;font-size:11px;min-width:0}.link-box button{border:0;background:transparent;white-space:nowrap;color:var(--green);font-size:11px;padding:0 10px}.secondary{display:inline-block;border:1px solid #dce4da;border-radius:8px;background:white;color:#3c6554;padding:10px 16px;font-size:12px;text-align:center;cursor:pointer}.wide{width:100%;margin-top:9px}.share-note{text-align:center;line-height:1.7;font-size:10px;color:var(--muted);margin:13px 0 18px}.history{margin-top:33px}.history-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.history-heading>div{display:flex;align-items:center;gap:14px}.text-btn{border:0;background:transparent;color:var(--green);font-size:12px;padding:8px}.room{background:#fff;border:1px solid var(--line);border-radius:12px;padding:18px;display:flex;align-items:center;gap:15px;margin-bottom:10px}.room.selected{border-color:#8eb5a1;background:#fdfffc}.room-icon,.item-icon{width:41px;height:41px;background:#f0f4eb;color:#71836b;border-radius:10px;display:grid;place-items:center;font-size:21px;flex:none}.room-info{flex:1;min-width:0}.room-info strong{font-size:13px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-info p{font-size:10px;color:var(--muted);margin:7px 0 0}.room-actions{display:flex;gap:5px}.delete-btn{color:#a27972}.empty-history{border:1px dashed #dce2d7;border-radius:12px;text-align:center;padding:30px;color:#8d968a;font-size:12px}footer{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding:25px 0;margin-top:35px;font-size:10px;color:#99a194}.dropzone{margin-top:18px;min-height:179px;border:1px dashed #b8cbb5;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;cursor:pointer;background:#fafcf8}.dropzone.drag{background:#e9f4e8;border-color:#196b52}.upload-icon{font-size:30px;color:#78a288}.dropzone strong{font-size:13px;font-weight:500}.dropzone>span:last-of-type{font-size:10px;color:var(--muted)} .dropzone.has-files{min-height:116px;gap:7px}.dropzone.has-files .upload-icon{font-size:24px}.file-list{margin:18px 0 0}.file-list:empty{display:none}.file-list-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:11px}.file-list-heading strong{font-size:14px;font-weight:650;color:var(--ink)}.file-list-heading span{font-size:12px;color:#637568}.file-cards{display:grid;gap:10px;max-height:350px;overflow-y:auto;padding:1px}.file-row{display:flex;gap:13px;align-items:center;padding:15px;background:#f1f7f0;border:1px solid #cddfce;border-radius:11px}.pending-file-icon{display:grid;place-items:center;flex:none;width:44px;height:50px;background:#deebdd;border:1px solid #c5d9c3;border-radius:7px;color:#376444;font-size:10px;font-weight:750;letter-spacing:.5px}.pending-file-details{flex:1;min-width:0}.pending-file-name{display:block;color:#203d2c;font-size:15px;font-weight:650;line-height:1.5;overflow-wrap:anywhere}.pending-file-meta{font-size:12px;color:#607661;margin-top:5px}.remove-file{flex:none;border:1px solid #d7ddd3;border-radius:7px;background:white;color:#80625a;padding:8px 11px;font-size:12px}.remove-file:hover{border-color:#c8968b;background:#fff6f3;color:#a04c3b}@media(max-width:680px){.file-row{padding:12px;gap:10px}.pending-file-icon{width:36px;height:43px;font-size:9px}.pending-file-name{font-size:14px}.remove-file{padding:8px}.file-list-heading strong{font-size:13px}}
progress{width:100%;height:6px;accent-color:var(--green)}#progress-wrap{margin-top:15px}#progress-text{font-size:11px;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#233e32;color:white;border-radius:10px;padding:13px 23px;font-size:13px;box-shadow:0 8px 25px #0002;max-width:90vw;z-index:20}dialog{border:1px solid var(--line);border-radius:16px;padding:28px;width:400px;max-width:90vw;color:var(--ink)}dialog::backdrop{background:#132d2445}dialog p{font-size:13px;line-height:1.8;color:var(--muted)}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:25px}.danger{border:0;border-radius:8px;background:var(--red);color:white;padding:10px 16px}.receive-shell{max-width:780px;margin:auto;padding:56px 24px}.receive-shell h1{font-size:32px;overflow-wrap:anywhere}.receive-subtitle{font-size:13px;color:var(--muted);line-height:1.8}.received-items{display:grid;gap:16px;margin-top:30px}.received-card{background:white;border:1px solid var(--line);border-radius:15px;padding:23px}.received-head{display:flex;align-items:center;gap:12px;font-size:13px}.received-head .meta{flex:1;min-width:0}.received-head strong{display:block;font-size:13px;overflow-wrap:anywhere}.received-head small{display:block;color:var(--muted);margin-top:6px;font-size:11px}.received-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.9;border-top:1px solid var(--line);padding-top:17px;margin-top:17px;max-height:60vh;overflow:auto}.error-card{padding:45px 20px;text-align:center;background:white;border:1px dashed var(--line);border-radius:15px;color:var(--muted);line-height:1.9}.error-card strong{color:var(--ink);display:block;margin-bottom:9px}.inline-items{font-size:11px;color:#6f8174;line-height:1.7;margin-top:7px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:100px;overflow:auto}
@media(max-width:900px){.shell{padding:30px 4% 0}.workspace{grid-template-columns:1fr 310px;gap:16px}.composer{padding:22px 19px}.share-panel{padding:22px 19px 0}.send-row{align-items:flex-start;flex-direction:column}.send-row .primary{width:100%}.hero-mark{display:none}.section-top>.subtle{display:none}}
@media(max-width:680px){header{height:70px;padding:0 20px}.brand-en{display:none}.env{font-size:10px}.shell{padding:30px 18px 0}.intro{margin-bottom:25px}.intro p{font-size:12px;line-height:1.8}h1{font-size:25px;letter-spacing:-.7px}.workspace{grid-template-columns:1fr}.share-panel{min-height:330px}.composer{padding:22px 19px}.room-fields{grid-template-columns:1fr 110px}.section-top{margin-bottom:22px}.history-heading>div{align-items:flex-start;gap:5px;flex-direction:column}.room{padding:13px 11px;gap:9px}.room-actions{flex-direction:column}.room-actions .text-btn{padding:5px}.room-icon{width:34px;height:34px;font-size:17px}footer{flex-direction:column;font-size:9px;line-height:1.6}.receive-shell{padding-top:36px}.receive-shell h1{font-size:25px}.received-card{padding:18px}.received-head .secondary{padding:9px 11px}.editor-foot{font-size:9px}.share-panel .section-top{margin-bottom:4px}}

button#qr{display:block;width:186px;padding:0;border:0;border-radius:8px;cursor:zoom-in}button#qr:hover{outline:2px solid #8eb5a1;outline-offset:5px}.qr-hint{text-align:center;font-size:11px;color:var(--green);margin:4px 0 12px}#qr-dialog{width:560px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);padding:24px;overflow:auto}#qr-dialog::backdrop{background:#142b23b3}.qr-dialog-header{display:flex;align-items:center;justify-content:space-between;gap:12px}#qr-room-title{text-align:center;overflow-wrap:anywhere;margin:18px 0 8px}#qr-large{width:min(100%,420px);margin:0 auto;background:#fff}#qr-large svg{display:block;width:100%;height:auto}#qr-dialog .qr-dialog-note{text-align:center;font-size:12px;line-height:1.8;margin:10px 0 0}@media(max-width:680px){#qr-dialog{padding:18px}.qr-dialog-header h2{font-size:15px}}

.receive-tabs{margin-top:25px;gap:10px}.receive-tabs .tab{flex:1;font-size:14px;padding:13px 15px;border:1px solid transparent}.receive-tabs .tab.active{border-color:#b7d2bd}.receive-tabs:not([hidden]) + .received-items{margin-top:18px}

.text-windows-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 12px}.text-windows-toolbar>span{font-size:11px;color:var(--muted)}#text-editors{display:grid;gap:14px}.text-editor{border:1px solid #dce6d9;border-radius:12px;overflow:hidden;background:#fcfdfb}.text-editor-heading{display:flex;align-items:center;justify-content:space-between;background:#f1f6ef;padding:8px 14px;border-bottom:1px solid #e4ebe0}.text-editor-heading label{font-size:13px;font-weight:650;color:#375b43}.text-editor-heading .remove-text{font-size:11px;color:#8c6c62}.text-editor textarea{display:block;padding:15px;margin:0;min-height:88px;height:88px;max-height:280px;resize:none;overflow-y:hidden;font-size:14px}.text-editor-foot{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-top:1px solid #e6ebe2}.text-editor-foot .secondary{padding:8px 12px;font-size:12px}.text-windows-toolbar .secondary{white-space:nowrap;color:var(--green);font-weight:600}@media(max-width:680px){.text-windows-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.text-windows-toolbar .secondary{width:100%}}

.draft-status{display:block;margin:0 0 12px;font-size:11px;color:#56775e;line-height:1.6}.draft-status.save-error{color:#aa4536}

#room-dialog{width:760px;max-width:calc(100vw - 28px);max-height:85dvh;padding:24px;overflow:auto}#room-dialog-title{overflow-wrap:anywhere;min-width:0}.room-detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.room-detail-toolbar p{font-size:12px}.room-detail-toolbar a{flex:none}.detail-item-actions{display:flex;gap:7px}#room-detail-items{margin-top:12px}#room-dialog .received-text{max-height:240px}@media(max-width:680px){#room-dialog{padding:16px}.room-detail-toolbar{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:15px}#room-dialog .received-head{flex-wrap:wrap}#room-dialog .detail-item-actions{width:100%;justify-content:flex-end}}

.received-card.text-card{background:#eef5ff;border-color:#bdd3f0;border-left:4px solid #6595d5}.text-card .item-icon{background:#d8e7fc;color:#2c5f9f}.text-card .received-text{border-color:#cbdcf2;color:#24436a}.text-card .secondary{border-color:#bbcee8;color:#315f98}.received-card.file-card{background:#f5faf2;border-color:#d4e2cb;border-left:4px solid #86a576}#receive-text-tab.active{background:#e5efff;border-color:#b9d1f2;color:#315f98}.text-editor{background:#f8fbff;border-color:#c9d9ef}.text-editor-heading{background:#eaf2ff;border-color:#d3e1f4}.text-editor-heading label{color:#315f98}.text-editor-foot{border-color:#d9e4f4}#text-tab.active{background:#e5efff;color:#315f98}#edit-text-dialog{width:680px;max-width:calc(100vw - 28px);max-height:85dvh;overflow:auto;background:#f5f9ff}#edit-shared-text{height:260px;max-height:45dvh;min-height:100px;padding:14px;border:1px solid #b9cfea;border-radius:9px;background:white;color:#24436a}#edit-text-error{color:#ae3c35;font-size:12px;min-height:18px}.text-card .delete-btn{color:#a45145}

.direction-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eaf1e8;border:1px solid #d3e0cf;border-radius:12px;padding:16px 20px;margin-bottom:20px}.direction-bar strong{display:block;font-size:15px}.direction-bar span{display:block;font-size:11px;color:#6b7c6a;margin-top:5px}#swap-mode{white-space:nowrap;font-weight:600}#desktop-receiver{padding:27px 24px}#desktop-received-items{max-height:650px;overflow:auto}.mobile-sender .direction-bar,.mobile-sender .share-panel,.mobile-sender .history,.mobile-sender .room-fields,.mobile-sender .hero-mark{display:none}.mobile-sender .workspace{grid-template-columns:1fr}.mobile-sender .shell{max-width:820px}.mobile-sender .brand{pointer-events:none}@media(max-width:680px){.direction-bar{padding:14px;align-items:flex-start;flex-direction:column}#swap-mode{width:100%}#desktop-receiver{padding:20px 16px}}

.mobile-sender .direction-bar{display:flex}#desktop-text-tab.active{background:#e5efff;border-color:#b9d1f2;color:#315f98}

.room-expiry-controls{display:flex;align-items:flex-end;gap:12px;flex-wrap:wrap;padding:15px;background:#f4f7f1;border:1px solid #dce5d6;border-radius:10px;margin:14px 0}.room-expiry-controls label{flex:1;min-width:165px;font-size:12px}.room-expiry-controls button{margin-bottom:1px}.room-expiry-controls p{width:100%;margin:0;font-size:12px;line-height:1.5}.room-expiry-controls p:empty{display:none}.room-actions{flex-wrap:wrap}

.brand-icon.sun-logo{display:block;background:transparent;border-radius:10px;flex:none}

.login-shell{max-width:480px;margin:64px auto;padding:0 20px}.login-shell .panel{padding:32px}.login-shell h1{font-size:28px}.login-shell p{line-height:1.7}.login-shell label{display:block;margin:18px 0 8px}.login-shell input{box-sizing:border-box;width:100%;font-size:16px}.login-shell .primary{width:100%;margin:12px 0}.login-shell #login-error{color:#b42318}header .env{flex-shrink:0}@media(max-width:600px){header{gap:12px;flex-wrap:wrap}.login-shell{margin:24px auto}}