:root{font-family:Inter,"Segoe UI Variable","Segoe UI","Microsoft YaHei",sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;--bg:#f7f8f5;--panel:#fff;--text:#22251f;--muted:#858b80;--border:#e6e9e1;--soft:#f4f6f0;--green:#baf36b;--green-ink:#31530b;--ink:#232820;--shadow:0 12px 40px #28321b09}
*{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:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #86b54c;outline-offset:4px}svg{width:20px;height:20px;vertical-align:middle;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}span[data-icon]{display:inline-flex;align-items:center;justify-content:center}.hidden{display:none!important}.app-shell{min-height:100vh;display:flex}.sidebar{width:246px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;background:var(--panel);padding:39px 24px 23px;border-right:1px solid var(--border);z-index:5}.brand{display:flex;gap:11px;align-items:center;margin-left:8px}.brand>span{font-size:23px;font-weight:800;letter-spacing:-1.2px;line-height:1}.brand-light{font-weight:400;letter-spacing:-1.2px}.brand small{display:block;font-size:8px;font-weight:500;letter-spacing:2.3px;margin-top:9px;color:var(--muted)}.nav-caption{font-size:11px;color:var(--muted);margin:57px 14px 16px;letter-spacing:1px}nav{display:flex;flex-direction:column;gap:8px}.nav-item{border:0;background:transparent;padding:14px;display:flex;gap:12px;align-items:center;text-align:left;font-size:13px;border-radius:10px;color:var(--muted);font-weight:500}.nav-item:hover{background:var(--soft);color:var(--text)}.nav-item.active{color:var(--text);background:var(--green)}.nav-arrow{margin-left:auto;font-size:20px}.nav-dot{background:var(--green);width:5px;height:5px;border-radius:50%;margin-left:auto}.sidebar-bottom{margin-top:auto;padding-top:60px}.sidebar-note{border:1px solid var(--border);padding:21px 16px 18px;font-size:12px;border-radius:12px;background:linear-gradient(145deg,var(--soft),var(--panel))}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#6ca63b;margin-right:6px;vertical-align:middle}.sidebar-note p{font-size:12px;line-height:1.9;color:var(--muted);margin:13px 0 23px}.note-line{font-size:7px;letter-spacing:1px;color:var(--muted)}.sidebar-footer{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);margin:25px 1px 0;letter-spacing:.6px}.main-shell{margin-left:246px;flex:1;min-width:0;display:flex;flex-direction:column}.topbar{height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding:0 48px;gap:15px}.breadcrumb{font-size:12px;color:var(--muted)}.breadcrumb span{margin:0 14px;color:#b8beb0}.breadcrumb strong{font-weight:500;color:var(--text)}.top-actions{display:flex;align-items:center;gap:19px}.private-label{font-size:11px;color:var(--muted);display:flex;gap:6px;align-items:center}.private-label svg{width:13px;height:13px}.icon-btn{border:1px solid var(--border);background:var(--panel);width:35px;height:35px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:22px}.icon-btn svg{width:16px;height:16px}.account-button{border:0;background:var(--ink);color:var(--panel);padding:11px 17px;border-radius:8px;font-size:11px}.account-button span{margin-left:17px}main{padding:49px 48px 32px;max-width:1500px;width:100%;margin:0 auto;flex:1}.eyebrow{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:8px;color:var(--muted);font-weight:600}.eyebrow:before{content:'';height:5px;width:5px;background:var(--green-ink)}.heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.heading-row h1{font-size:37px;line-height:1.35;letter-spacing:-1.7px;margin:14px 0 10px;font-weight:650}.heading-row h1 em{font-style:normal;position:relative;white-space:nowrap}.heading-row h1 em:after{content:'';position:absolute;bottom:3px;left:-2px;right:-3px;height:10px;background:var(--green);z-index:-1}.heading-row p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.heading-aside{text-align:right;margin-top:16px;display:flex;align-items:center;gap:12px}.mini-avatar{width:36px;height:36px;border:1px solid var(--border);display:grid;place-items:center;background:var(--panel);border-radius:50%}.heading-aside strong{font-size:12px;font-weight:500}.heading-aside small{display:block;font-size:10px;color:var(--muted);margin-top:6px}.welcome-cards{display:grid;grid-template-columns:1.12fr 1fr;gap:20px;margin-top:31px}.quick-card{border:1px solid var(--border);border-radius:15px;background:var(--panel);padding:24px 27px;display:flex;align-items:center;gap:20px;min-height:139px;position:relative;overflow:hidden;transition:transform .2s,border-color .2s}.quick-card:hover{transform:translateY(-2px);border-color:#b4c49e}.quick-card.green{background:#ecf4e2;border-color:#dde8d0}.quick-icon{width:53px;height:53px;display:grid;place-items:center;border-radius:14px;background:var(--soft);flex-shrink:0}.green .quick-icon{background:var(--green)}.quick-icon svg{width:26px;height:26px}.quick-card h2{font-size:16px;font-weight:600;margin:0 0 8px;letter-spacing:-.4px}.quick-card p{margin:0;color:var(--muted);font-size:11px;line-height:1.7}.round-link{border:1px solid var(--border);border-radius:50%;background:var(--panel);width:32px;height:32px;display:grid;place-items:center;margin-left:auto;flex-shrink:0}.green .round-link{border-color:transparent;background:var(--ink);color:#fff}.quick-action{position:absolute;inset:0;border:0;background:transparent}.section-bar{margin:37px 0 16px;display:flex;align-items:center;gap:12px}.section-bar h2{font-size:14px;font-weight:600;margin:0}.section-bar .section-index{font-size:10px;color:#a4aa9b;letter-spacing:1px}.section-bar .right{margin-left:auto;display:flex;gap:12px;align-items:center}.tiny-pill{border:1px solid var(--border);font-size:10px;color:var(--muted);padding:5px 9px;border-radius:20px;background:var(--panel)}.text-btn{background:transparent;border:0;padding:4px 0;color:var(--muted);font-size:11px;display:inline-flex;align-items:center;gap:6px}.text-btn:hover{color:var(--text)}.text-btn svg{width:13px;height:13px}.transfer-layout{display:grid;grid-template-columns:minmax(0,1fr) 266px;gap:20px}.panel{border:1px solid var(--border);border-radius:14px;background:var(--panel);overflow:hidden;box-shadow:var(--shadow)}.panel-top{padding:18px 22px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px}.tabs{display:flex;gap:21px}.tab{border:0;background:transparent;display:flex;align-items:center;gap:7px;padding:6px 0;font-size:12px;color:var(--muted);position:relative}.tab svg{width:15px;height:15px}.tab.active{color:var(--text);font-weight:600}.tab.active:after{content:'';height:2px;background:var(--text);position:absolute;bottom:-19px;left:0;right:0}.panel-top>span{font-size:9px;color:var(--muted)}.upload-zone{margin:23px;border:1px dashed #d1dac5;border-radius:11px;min-height:238px;background:var(--soft);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 16px;text-align:center;transition:background .2s}.upload-zone.drag{background:#e6f4d5;border-color:#73a03f}.upload-illustration{position:relative;width:79px;height:75px;margin-bottom:14px}.paper{position:absolute;width:43px;height:56px;background:var(--panel);border:1px solid #cdd8be;border-radius:6px;left:15px;top:2px;transform:rotate(-11deg);box-shadow:0 4px 10px #00000005}.paper:before,.paper:after{content:'';position:absolute;left:10px;right:10px;height:2px;top:20px;background:#ced8c3}.paper:after{top:28px;right:17px}.paper.front{transform:rotate(9deg);left:27px;top:11px;border-color:#a9c48a;background:#ecf6df}.upload-illustration .plus{position:absolute;bottom:0;right:0;width:28px;height:28px;border-radius:50%;background:var(--green);display:grid;place-items:center;font-size:21px;border:3px solid var(--soft)}.upload-zone h3{font-size:14px;font-weight:500;margin:0 0 8px}.upload-zone p{font-size:10px;color:var(--muted);margin:0 0 18px;line-height:1.7}.btn{border:1px solid var(--border);background:var(--panel);border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;font-size:12px;line-height:1.4;font-weight:500}.btn.primary{background:var(--green);border-color:var(--green);color:#233318}.btn.dark{background:var(--ink);border-color:var(--ink);color:var(--panel)}.btn svg{width:15px;height:15px}.btn:hover{filter:brightness(.96)}.upload-zone .btn{font-size:11px;padding:9px 18px}.panel-foot{border-top:1px solid var(--border);padding:14px 23px;font-size:10px;color:var(--muted);display:flex;gap:7px;align-items:center}.panel-foot svg{width:12px;height:12px}.connection-panel{padding:23px;display:flex;flex-direction:column}.connection-title{display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:600}.connection-title svg{width:16px;height:16px}.connection-empty{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:195px}.device-orbit{width:84px;height:84px;display:grid;place-items:center;border-radius:50%;border:1px dashed #dce3d3;position:relative;margin-bottom:15px}.device-orbit:before{content:'';position:absolute;inset:12px;border:1px solid var(--border);border-radius:50%}.device-orbit svg{width:25px;height:25px;color:#8a967d}.orbit-dot{width:9px;height:9px;background:var(--green);border:2px solid var(--panel);position:absolute;right:3px;top:13px;border-radius:50%}.connection-empty p{font-size:11px;color:var(--muted);text-align:center;line-height:1.8;margin:0}.connection-hint{padding-top:16px;border-top:1px solid var(--border);font-size:10px;line-height:1.8;color:var(--muted)}.history-panel{margin-top:21px}.history-header{padding:20px 23px;display:flex;align-items:center;justify-content:space-between;font-size:12px;font-weight:600}.history-header span{font-size:10px;font-weight:400;color:var(--muted)}.history-empty{padding:16px 24px 33px;display:flex;justify-content:center;gap:9px;align-items:center;font-size:11px;color:var(--muted)}.history-empty svg{width:16px;height:16px}.history-item{display:flex;align-items:flex-start;padding:17px 23px;gap:13px;border-top:1px solid var(--border)}.file-icon{height:37px;width:33px;display:grid;place-items:center;background:var(--soft);border-radius:7px;flex-shrink:0}.file-icon svg{width:17px;height:17px}.item-body{min-width:0;flex:1}.item-body strong{display:block;font-weight:500;font-size:12px;word-break:break-word;line-height:1.7}.item-body small{font-size:10px;color:var(--muted);display:block;margin-top:4px}.item-body .message-text{white-space:pre-wrap;max-height:160px;overflow:auto;font-size:12px;line-height:1.8;word-break:break-word}.item-actions{display:flex;gap:13px;flex-wrap:wrap;justify-content:flex-end}.item-actions button,.item-actions a{color:var(--muted);border:0;background:transparent;font-size:10px;padding:5px 0}.item-actions button:hover,.item-actions a:hover{color:var(--text)}.text-compose{padding:23px}.text-compose textarea{min-height:187px;resize:vertical;width:100%;background:var(--soft);border:1px solid var(--border);border-radius:9px;padding:15px;outline:none;font-size:12px;line-height:1.8;color:var(--text)}.text-compose textarea:focus{border-color:#8caa68}.compose-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:13px;gap:12px}.compose-bottom span{font-size:10px;color:var(--muted)}.room-key{font-family:Consolas,monospace;font-size:12px;word-break:break-all;border:1px solid var(--border);padding:10px;border-radius:7px;background:var(--soft);margin:14px 0 10px}.password-display{display:flex;align-items:center;gap:7px;font-family:Consolas,monospace;font-size:23px;letter-spacing:4px;margin:12px 0}.room-label{font-size:10px;color:var(--muted);margin-top:18px}.room-label:first-of-type{margin-top:22px}.room-device{font-size:11px;display:flex;align-items:center;gap:8px;margin-top:14px}.room-device svg{width:15px;height:15px}.room-device small{font-size:9px;color:var(--muted);margin-left:auto}.devices-list{margin:6px 0 24px}.room-buttons{display:flex;flex-wrap:wrap;gap:6px}.room-buttons .btn{padding:8px 10px;font-size:10px}.room-expiry{font-size:9px;color:var(--muted);line-height:1.7;margin-top:14px}.room-privacy{margin-top:auto}.guest-banner{border:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px 22px;border-radius:11px;margin-top:22px;font-size:11px;background:var(--soft)}.guest-banner strong{font-weight:500}.guest-banner p{font-size:10px;color:var(--muted);margin:6px 0 0}.guest-banner button{flex-shrink:0}.main-footer{padding:22px 48px 27px;display:flex;justify-content:space-between;gap:15px;font-size:9px;letter-spacing:.3px;color:var(--muted)}dialog{width:min(460px,calc(100% - 32px));border:1px solid var(--border);border-radius:17px;background:var(--panel);color:var(--text);padding:25px 29px 30px;box-shadow:0 25px 150px #0003}dialog::backdrop{background:#161e164a;backdrop-filter:blur(5px)}.dialog-top{display:flex;align-items:center;justify-content:space-between}.dialog-top>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.dialog-top .icon-btn{width:28px;height:28px;border:0;background:var(--soft)}dialog h2{font-size:24px;letter-spacing:-.8px;margin:18px 0 10px}dialog p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 20px}.form-field{display:block;margin:17px 0;font-size:11px}.form-field input,.form-field select{display:block;margin-top:9px;width:100%;border:1px solid var(--border);border-radius:8px;background:var(--soft);padding:12px;color:var(--text);outline:none;font-size:13px}.form-field input:focus,.form-field select:focus{border-color:#8caa68}.form-field input[type=checkbox]{display:inline-block;width:auto;margin-right:8px}.form-submit{width:100%;margin-top:10px}.form-error{color:#bd4848;font-size:11px;min-height:17px;margin-top:13px;line-height:1.7}.dialog-switch{font-size:11px;text-align:center;margin-top:22px;color:var(--muted)}.dialog-switch button{border:0;background:transparent;font-size:11px;color:var(--text);text-decoration:underline;margin-left:5px}.code-box{display:block;padding:14px;border:1px solid var(--border);background:var(--soft);border-radius:8px;word-break:break-all;font:12px/1.9 Consolas,monospace;white-space:pre-wrap;max-height:240px;overflow:auto}.copy-row{display:flex;gap:9px;margin-top:19px}.copy-row .btn{flex:1}#toasts{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);z-index:100;display:flex;flex-direction:column;gap:8px;max-width:calc(100% - 32px)}.toast{background:var(--ink);color:var(--panel);padding:13px 22px;border-radius:9px;font-size:12px;box-shadow:0 5px 30px #0002;animation:toast-in .2s ease}.toast.error{background:#833e37;color:#fff}@keyframes toast-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.progress{height:5px;border-radius:5px;background:var(--border);overflow:hidden}.progress>div{background:var(--green);height:100%;width:var(--progress,0%);transition:width .3s}.upload-progress{padding:20px 23px;border-top:1px solid var(--border);font-size:11px}.upload-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:10px}.upload-progress progress{width:100%;height:6px;accent-color:#7fb33a}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:30px}.content-card{padding:28px}.content-card h2{font-size:16px;margin:0 0 13px;font-weight:600}.content-card p{font-size:12px;color:var(--muted);line-height:1.9}.progress-label{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);margin:14px 0 9px}.membership-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.policy-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:20px}.policy-stat{border:1px solid var(--border);background:var(--panel);padding:21px;border-radius:11px}.policy-stat strong{font-size:23px;font-weight:500;display:block}.policy-stat strong small{font-size:11px;margin-left:4px}.policy-stat span{font-size:10px;color:var(--muted);display:block;margin-top:9px}.table-wrap{overflow-x:auto}.benefit-table{width:100%;border-collapse:collapse;font-size:11px}.benefit-table th,.benefit-table td{padding:17px 21px;text-align:left;border-bottom:1px solid var(--border);white-space:nowrap}.benefit-table th{font-size:10px;color:var(--muted);font-weight:500;background:var(--soft)}.benefit-table tr:last-child td{border-bottom:0}.benefit-table td:last-child{white-space:normal;min-width:230px}.benefit-table .current{background:var(--soft)}.benefit-table .btn{padding:6px 10px;font-size:10px}.account-info{display:flex;align-items:center;gap:18px;margin-bottom:25px}.account-info .mini-avatar{width:58px;height:58px;background:var(--green);color:#2b4017;font-size:23px;border:0}.account-info h2{font-size:20px;margin:0 0 8px}.account-info small{color:var(--muted);font-size:10px}.info-row{display:flex;justify-content:space-between;font-size:11px;gap:16px;padding:16px 0;border-bottom:1px solid var(--border)}.info-row span{color:var(--muted)}.info-row strong{font-weight:500;text-align:right}.info-row:last-child{border:0}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:28px 0}.account-guest{max-width:570px;margin:45px auto;text-align:center;padding:50px 30px}.account-guest .quick-icon{margin:0 auto 24px}.account-guest h2{font-size:23px}.account-guest p{margin-bottom:25px}.admin-result{margin-top:20px}.admin-result p{font-size:11px;color:var(--muted);line-height:1.7}.share-view{max-width:580px;margin:50px auto;text-align:center;padding:50px 35px}.share-view .quick-icon{margin:0 auto 25px}.share-view h1{font-size:23px;word-break:break-word;line-height:1.6}.share-view p{font-size:12px;color:var(--muted);line-height:2}.share-view .btn{margin-top:22px}.room-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);font-size:11px;gap:10px}.room-row small{color:var(--muted);display:block;margin-top:5px}.help-list{font-size:12px;line-height:1.9;color:var(--muted);padding-left:18px}.help-list li{margin:12px 0}
[data-theme=dark]{--bg:#000;--panel:#0c0c0c;--text:#f1f3ee;--muted:#83877e;--border:#252723;--soft:#151713;--green:#baf36b;--green-ink:#baf36b;--ink:#eef2e8;--shadow:none;color-scheme:dark}[data-theme=dark] .quick-card.green{background:#172110;border-color:#2c3b20}[data-theme=dark] .green .quick-icon{color:#263b10}[data-theme=dark] .green .round-link{background:var(--green);color:#1e3110}[data-theme=dark] .nav-item.active{color:#253414}[data-theme=dark] .paper.front{background:#233319;border-color:#526c37}[data-theme=dark] .paper{border-color:#3b4433}[data-theme=dark] .paper:before,[data-theme=dark] .paper:after{background:#4a5e38}[data-theme=dark] .upload-zone{border-color:#39442e}[data-theme=dark] .upload-zone.drag{background:#243717}[data-theme=dark] .heading-row h1 em:after{opacity:.3}[data-theme=dark] .sidebar-note{background:linear-gradient(145deg,#141910,#0b0b0b)}
@media(min-width:1600px){main{padding-top:65px}.welcome-cards{margin-top:40px}.quick-card{min-height:160px}.upload-zone{min-height:285px}.topbar{padding-left:65px;padding-right:65px}}
@media(max-width:1200px){.sidebar{width:212px;padding-left:17px;padding-right:17px}.main-shell{margin-left:212px}main{padding:38px 30px 25px}.topbar{padding:0 30px}.transfer-layout{grid-template-columns:minmax(0,1fr) 235px;gap:16px}.quick-card{padding:22px 20px;gap:14px}.heading-row h1{font-size:32px}.main-footer{padding:22px 30px}.private-label{display:none}.connection-panel{padding:20px}.quick-icon{width:45px;height:45px}}
@media(max-width:980px){.sidebar{width:180px;padding-left:12px;padding-right:12px}.brand{margin-left:5px;gap:8px}.brand>span{font-size:20px}.brand img{width:31px;height:31px}.brand small{font-size:6px}.nav-item{padding:12px;font-size:12px}.nav-caption{font-size:10px;margin-left:12px}.main-shell{margin-left:180px}.heading-aside{display:none}.transfer-layout{grid-template-columns:minmax(0,1fr)}.connection-panel{min-height:180px}.connection-empty{min-height:90px;flex-direction:row;gap:22px}.device-orbit{width:65px;height:65px;margin:0}.connection-hint{margin-top:15px}.connection-empty p{text-align:left}.connection-panel.connected{display:grid;grid-template-columns:1fr 1fr;column-gap:30px}.connected .connection-title{grid-column:1/-1}.connected .room-privacy{grid-column:1/-1}.welcome-cards{gap:14px}.quick-card{gap:12px;padding:20px 16px;min-height:127px}.quick-card h2{font-size:14px}.quick-icon{width:36px;height:36px;border-radius:10px}.quick-icon svg{width:21px;height:21px}.quick-card p{font-size:10px}.round-link{width:26px;height:26px}.two-col{grid-template-columns:1fr}.admin-stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.sidebar{position:static;width:100%;height:76px;padding:0 20px;flex-direction:row;align-items:center;border-bottom:1px solid var(--border);border-right:0;gap:15px}.brand{margin:0}.brand img{width:33px;height:33px}.brand>span{font-size:22px}.brand small{display:none}.nav-caption,.sidebar-bottom{display:none}.sidebar nav{flex-direction:row;margin-left:auto;gap:5px}.nav-item{font-size:0;gap:0;padding:10px}.nav-item svg{width:19px;height:19px}.nav-arrow,.nav-dot{display:none}.app-shell{display:block}.main-shell{margin-left:0}.topbar{height:65px;padding:0 22px}.top-actions{gap:11px}.breadcrumb{font-size:10px}.breadcrumb span{margin:0 8px}.account-button{font-size:10px;padding:9px 12px}.account-button span{margin-left:8px}.icon-btn{width:31px;height:31px}main{padding:30px 21px 20px}.eyebrow{font-size:8px}.heading-row h1{font-size:31px;letter-spacing:-1.3px;margin-top:12px}.heading-row p{font-size:11px}.welcome-cards{margin-top:24px;grid-template-columns:1fr;gap:12px}.quick-card{min-height:100px;padding:21px;gap:16px}.quick-card h2{font-size:14px}.quick-icon{width:43px;height:43px}.quick-card p{font-size:10px}.round-link{width:30px;height:30px}.section-bar{margin-top:28px;gap:8px}.section-bar h2{font-size:13px}.section-bar .right{gap:9px}.section-index{display:none}.tiny-pill{font-size:9px}.panel-top{padding:17px 20px}.tabs{gap:23px}.upload-zone{margin:18px;min-height:240px}.transfer-layout{gap:16px}.connection-panel.connected{display:flex}.connection-panel{padding:21px}.history-item{padding:17px;flex-wrap:wrap}.item-actions{margin-left:46px;gap:19px}.item-body small{font-size:9px}.history-header{padding:18px}.history-header span{font-size:9px}.guest-banner{padding:17px;align-items:flex-start}.guest-banner strong{font-size:11px}.guest-banner p{line-height:1.8;font-size:9px}.guest-banner .text-btn{font-size:10px}.main-footer{padding:23px 21px;font-size:8px;line-height:1.8}.main-footer span:last-child{max-width:110px;text-align:right}.policy-grid{grid-template-columns:repeat(2,1fr);gap:10px}.policy-stat{padding:17px}.content-card{padding:23px}.heading-row .btn{font-size:10px;padding:9px 11px}.two-col{margin-top:24px}.admin-stats{gap:10px}.admin-stats .policy-stat strong{font-size:20px}.benefit-table th,.benefit-table td{padding:14px 17px}.room-row{align-items:flex-start}.heading-row h1 em:after{height:8px}.account-guest{margin:20px 0}.share-view{margin:20px 0}.copy-row{flex-wrap:wrap}}
.heading-row>.btn{flex-shrink:0;white-space:nowrap}.level-progress{width:100%;height:6px;accent-color:#87b74a;border:0;display:block}.level-progress::-webkit-progress-bar{background:var(--border);border-radius:6px}.level-progress::-webkit-progress-value{background:var(--green);border-radius:6px}.loading-label{font-size:12px;color:var(--muted);margin:35px 0}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

:root:not([data-theme=dark]){--muted:#737a6c}
[data-theme=dark]{--muted:#9ba393}
.heading-row p{font-size:13px;line-height:1.9}
.text-btn{font-size:12px;min-height:30px}
.btn{min-height:40px;transition:background .18s,border-color .18s,transform .18s}
.btn:active:not(:disabled){transform:translateY(1px)}
.btn:disabled{opacity:1;background:var(--soft);border-color:var(--border);color:var(--muted)}
.tiny-pill{font-size:11px}
.panel-top>span,.panel-foot{font-size:11px}
.upload-zone p{font-size:12px;line-height:1.9}
.upload-zone h3{font-size:16px}
.item-body strong,.item-body .message-text{font-size:13px}
.item-body small{font-size:11px;line-height:1.8}
.item-actions button,.item-actions a{min-height:32px;font-size:12px;display:inline-flex;align-items:center}
.history-header{font-size:13px}
.history-header span,.history-empty{font-size:12px}
.room-label,.connection-hint,.room-device{font-size:12px}
.room-expiry{font-size:11px}
.connection-empty p{font-size:12px}
.membership-hero{display:grid;grid-template-columns:1.25fr 1fr;gap:22px;margin-top:32px}
.member-card{position:relative;padding:30px 32px;background:linear-gradient(115deg,#f2f8eb,var(--panel) 70%);box-shadow:none}
.member-card.eternal-card{border-color:#c8d9b3}
.member-card-top{display:flex;justify-content:space-between;align-items:center;gap:14px;position:relative;z-index:1}
.member-type{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.member-type svg{width:18px;height:18px;color:var(--green-ink)}
.member-state{font-size:10px;display:inline-flex;align-items:center;gap:5px;color:var(--muted);letter-spacing:.4px}
.member-state svg{width:13px;height:13px}
.member-rank-line{display:flex;align-items:center;justify-content:space-between;margin:32px 0 19px;position:relative}
.member-rank{font-size:46px;font-weight:600;letter-spacing:-2.2px;line-height:1.1}
.member-rank strong{font-size:72px;font-weight:650;letter-spacing:-4px;margin-left:3px;font-variant-numeric:tabular-nums}
.member-rank>span{display:block;font-size:10px;letter-spacing:2px;line-height:1.8;color:var(--muted);font-weight:400;margin-top:11px}
.member-mark{width:94px;height:94px;border-radius:50%;border:1px solid #d8e5c9;display:flex;align-items:center;justify-content:center;color:#5f803b;font-size:65px;font-weight:300;line-height:1;position:relative}
.member-mark:before{content:'';position:absolute;inset:10px;border:1px solid #d8e5c9;border-radius:50%}
.member-mark svg{width:36px;height:36px}
.member-validity{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}
.member-validity svg{width:14px;height:14px}
.member-progress{margin-top:26px}
.member-progress .progress-label{font-size:11px;gap:15px;margin:0 0 12px}
.member-progress .progress-label span:last-child{color:var(--green-ink)}
.level-progress{appearance:none;-webkit-appearance:none;border-radius:6px;height:6px;overflow:hidden;background:var(--border)}
.level-progress::-webkit-progress-bar{background:var(--border)}
.level-progress::-webkit-progress-value{background:#8dbb52}
.level-progress::-moz-progress-bar{background:#8dbb52;border-radius:6px}
.member-card-bottom{display:flex;align-items:center;gap:15px;margin-top:25px;position:relative}
.member-card-bottom>span{font-size:11px;color:var(--muted);line-height:1.7}
.member-card-bottom .btn{padding:11px 17px}
.member-explainer{padding:31px 30px;display:flex;flex-direction:column;box-shadow:none}
.member-explainer h2{font-size:23px;font-weight:600;letter-spacing:-.7px;margin:18px 0 23px}
.member-detail-list{display:flex;flex-direction:column;gap:21px}
.member-detail{display:flex;align-items:flex-start;gap:13px}
.detail-icon{width:31px;height:31px;display:grid;place-items:center;background:var(--soft);border-radius:8px;flex-shrink:0}
.detail-icon svg{width:16px;height:16px;color:var(--green-ink)}
.member-detail strong{display:block;font-size:13px;font-weight:500;line-height:1.5}
.member-detail p{font-size:11px;color:var(--muted);line-height:1.8;margin:5px 0 0}
.member-explainer-action{margin-top:auto;padding-top:23px;font-weight:500;justify-content:space-between;border-top:1px solid var(--border)}
.member-explainer-action svg{width:15px;height:15px}
.membership-section{justify-content:space-between;margin-top:35px;margin-bottom:19px}
.membership-section h2,.growth-header h2{font-size:16px;margin:0;font-weight:600;letter-spacing:-.3px}
.membership-section p,.growth-header p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 0}
.access-label{font-size:11px;color:var(--green-ink);display:inline-flex;align-items:center;gap:6px;flex-shrink:0}
.access-label:before{content:'';display:block;height:5px;width:5px;border-radius:50%;background:#82b449}
.membership-policies{margin-top:0;gap:14px}
.entitlement{padding:23px 25px;box-shadow:none;transition:border-color .2s,transform .2s}
.entitlement:hover{border-color:#bacba5;transform:translateY(-2px)}
.entitlement-label{display:flex;align-items:center;gap:8px}
.policy-stat .entitlement-label span{font-size:12px;margin:0;color:var(--muted)}
.entitlement-label svg{width:16px;height:16px;color:var(--muted)}
.entitlement>strong{font-size:34px;font-weight:550;letter-spacing:-1.2px;margin-top:19px;font-variant-numeric:tabular-nums}
.entitlement>strong small{font-size:12px;font-weight:400;letter-spacing:0;color:var(--muted);margin-left:7px}
.entitlement p{font-size:11px;color:var(--muted);margin:11px 0 0;line-height:1.6}
.growth-panel{margin-top:32px;box-shadow:none}
.growth-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 27px}
.route-tabs{display:flex;align-items:center;background:var(--soft);border:1px solid var(--border);border-radius:9px;padding:4px;gap:3px;flex-shrink:0}
.route-tabs button{font-size:12px;padding:9px 14px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);transition:color .2s,background .2s}
.route-tabs button.active{color:var(--text);background:var(--panel);border-color:var(--border);box-shadow:0 2px 3px #00000004}
.growth-panel .benefit-table{font-size:12px}
.growth-panel .benefit-table th{font-size:11px;border-top:1px solid var(--border);padding:14px 26px}
.growth-panel .benefit-table td{padding:17px 26px;line-height:1.8}
.growth-panel .benefit-table td small{font-size:10px;color:var(--muted)}
.growth-panel .benefit-table td:last-child{min-width:190px}
.growth-panel .benefit-table .current{background:#f2f7ec}
.route-rank{font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:7px}
.rank-infinity{font-size:18px;font-weight:400;color:var(--green-ink)}
.benefit-status{font-size:11px;color:var(--muted);display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.benefit-status.unlocked{color:#55782b}
.benefit-status svg{width:13px;height:13px}
.growth-panel .benefit-table .reward-button{min-height:32px;padding:6px 11px;font-size:11px;background:var(--soft)}
.growth-panel .reward-button svg{width:12px;height:12px}
.growth-note{display:flex;align-items:flex-start;gap:9px;margin-top:20px;color:var(--muted)}
.growth-note svg{width:14px;height:14px;margin-top:3px;flex-shrink:0}
.growth-note p{font-size:11px;line-height:1.9;margin:0}
[data-theme=dark] .member-card{background:linear-gradient(115deg,#151c0e,#0c0c0c 75%)}
[data-theme=dark] .member-card.eternal-card{border-color:#36432b}
[data-theme=dark] .member-mark{color:#baf36b;border-color:#384a26}
[data-theme=dark] .member-mark:before{border-color:#2c3a20}
[data-theme=dark] .member-state,[data-theme=dark] .member-progress .progress-label span:last-child{color:#b3c79a}
[data-theme=dark] .level-progress::-webkit-progress-value{background:var(--green)}
[data-theme=dark] .level-progress::-moz-progress-bar{background:var(--green)}
[data-theme=dark] .growth-panel .benefit-table .current{background:#12190c}
[data-theme=dark] .benefit-status.unlocked{color:#b2d58c}
[data-theme=dark] .entitlement:hover{border-color:#4c6436}
@media(max-width:1200px){
  .membership-hero{grid-template-columns:1.15fr 1fr;gap:17px}
  .member-card{padding:26px}.member-explainer{padding:27px 24px}
  .member-state{font-size:9px;letter-spacing:0}.member-rank{font-size:40px}.member-rank strong{font-size:62px}
  .member-mark{width:72px;height:72px;font-size:53px}.member-card-top{gap:9px;flex-wrap:wrap}
  .entitlement{padding:21px}.growth-panel .benefit-table td,.growth-panel .benefit-table th{padding-left:21px;padding-right:21px}
}
@media(max-width:980px){
  .membership-hero{grid-template-columns:1fr}.member-card-top{flex-wrap:nowrap}.member-rank-line{margin-top:28px}
  .member-mark{width:86px;height:86px;font-size:62px}.member-detail-list{gap:19px}
  .member-explainer h2{margin-bottom:23px}.member-explainer-action{margin-top:24px}
  .growth-header{align-items:flex-start;flex-direction:column;gap:17px}.route-tabs{width:100%}.route-tabs button{flex:1}
  .membership-policies{grid-template-columns:repeat(3,1fr)}.entitlement{padding:20px 17px}.entitlement>strong{font-size:30px}
}
@media(max-width:700px){
  .heading-row p{font-size:12px}.heading-row>.btn{min-height:36px;padding:8px 11px}.membership-page>.heading-row{flex-wrap:wrap;gap:17px}
  .membership-page>.heading-row>.btn{font-size:11px}.membership-hero{margin-top:25px;gap:16px}
  .member-card{padding:24px}.member-type{font-size:12px}.member-state{font-size:9px;gap:3px}
  .member-state svg{width:11px;height:11px}.member-rank{font-size:38px}.member-rank strong{font-size:64px}
  .member-rank>span{font-size:8px;letter-spacing:1.6px}.member-mark{width:72px;height:72px;font-size:53px}
  .member-card-bottom{gap:12px}.member-card-bottom>span{font-size:10px}.member-card-bottom .btn{padding:10px 13px;font-size:11px}
  .member-progress{margin-top:25px}.member-progress .progress-label{font-size:10px;gap:8px}
  .member-explainer{padding:25px}.member-explainer h2{font-size:21px;margin-top:16px}
  .member-detail strong{font-size:13px}.member-detail p{font-size:11px}.member-explainer-action{font-size:12px}
  .membership-section{margin-top:29px;align-items:flex-start;gap:12px}.membership-section h2{font-size:15px}.membership-section p{font-size:11px;max-width:200px}
  .access-label{font-size:9px;gap:4px;margin-top:3px}.membership-policies{grid-template-columns:repeat(2,1fr);gap:11px}
  .entitlement{padding:19px 17px}.policy-stat .entitlement-label span{font-size:10px}.entitlement-label{gap:6px}.entitlement-label svg{width:14px;height:14px}
  .entitlement>strong{font-size:30px;margin-top:17px}.entitlement>strong small{font-size:10px;margin-left:5px}.entitlement p{font-size:10px;margin-top:9px}
  .growth-panel{margin-top:26px}.growth-header{padding:23px 20px}.growth-header h2{font-size:15px}.growth-header p{font-size:11px}
  .growth-panel .benefit-table,.growth-panel .benefit-table tbody{display:block;width:100%}.growth-panel .benefit-table thead{display:none}
  .growth-panel .benefit-table tr{display:grid;grid-template-columns:1fr auto;gap:7px 12px;padding:19px 20px;border-top:1px solid var(--border)}
  .growth-panel .benefit-table td{display:block;padding:0;border:0;min-width:0;font-size:12px}
  .growth-panel .benefit-table td:nth-child(1){grid-column:1;grid-row:1}
  .growth-panel .benefit-table td:nth-child(2){grid-column:1/-1;grid-row:2;font-size:10px;color:var(--muted)}
  .growth-panel .benefit-table td:nth-child(3){grid-column:1/-1;grid-row:3;min-width:0;white-space:normal;margin-top:3px}
  .growth-panel .benefit-table td:last-child{grid-column:2;grid-row:1;min-width:0;text-align:right}
  .growth-panel .benefit-status{font-size:10px}.growth-panel .route-rank{font-size:12px}
  .growth-note p{font-size:10px}.growth-note{margin-top:17px}
  .history-header span,.history-empty{font-size:11px}.panel-foot{font-size:10px}.room-label,.connection-hint,.room-device{font-size:11px}
}
@media(max-width:380px){.member-card-top{align-items:flex-start;flex-direction:column;gap:10px}.member-card{padding:22px}.member-rank strong{font-size:59px}.member-rank{font-size:34px}.member-mark{width:60px;height:60px;font-size:45px}.member-state{font-size:10px}.entitlement{padding:17px 13px}}
.member-maxed{display:flex;align-items:center;gap:8px;min-height:40px;color:var(--green-ink);font-size:12px}
.member-maxed svg{width:17px;height:17px}
dialog.wide-dialog{width:min(720px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:25px 30px 28px}
.wide-dialog h2{font-size:24px}.wide-dialog>p{font-size:12px}
.editor-section{padding:19px 0;border-top:1px solid var(--border);margin-top:18px}
.editor-section h3{font-size:13px;font-weight:600;margin:0}
.editor-section-heading{display:flex;justify-content:space-between;align-items:center;gap:15px}
.editor-section-heading p{margin:6px 0 0;font-size:11px}
.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.editor-grid .form-field{margin:16px 0 0}
.editor-grid .form-field input,.editor-grid .form-field select{font-size:12px;min-height:42px}
.editor-section .editor-hint{font-size:11px;line-height:1.8;margin:15px 0 0}
.editor-toggle{display:flex;align-items:center;gap:7px;font-size:12px;white-space:nowrap}
.editor-toggle input{accent-color:#8dbb52;width:15px;height:15px;margin:0}
.number-input{display:flex;position:relative}
.number-input input{width:100%;padding-right:60px}
.number-input>span{position:absolute;right:15px;top:22px;color:var(--muted);font-size:11px;pointer-events:none}
.rights-grid{grid-template-columns:repeat(3,1fr)}
.admin-users-table td:last-child{min-width:125px}
.admin-users-table td:last-child .btn{white-space:nowrap;min-height:33px;padding:7px 11px}
.user-custom-tag{display:block;font-size:10px;color:var(--green-ink);margin-top:4px}
@media(max-width:700px){dialog.wide-dialog{padding:22px}.rights-grid{grid-template-columns:1fr 1fr}.editor-grid{gap:0 13px}.editor-grid .form-field{font-size:11px}.member-maxed{font-size:11px}}
@media(max-width:380px){.editor-grid{grid-template-columns:1fr}.rights-grid{grid-template-columns:1fr 1fr}}
.connection-qr-preview{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:0;border:0;background:transparent;margin:22px 0;color:var(--text)}
.connection-qr-preview>img{width:120px;height:120px;flex-shrink:0;border-radius:10px;border:1px solid var(--border);background:#fff;image-rendering:pixelated}
.connection-qr-preview>span{font-size:12px;font-weight:500;line-height:1.7;flex:1}
.connection-qr-preview>span svg{width:14px;height:14px;margin-right:3px}
.connection-qr-preview small{display:block;font-size:10px;font-weight:400;color:var(--muted);line-height:1.9;margin-top:8px}
.connection-qr-preview:hover>img{border-color:#8cae64}
.qr-display{display:flex;justify-content:center;padding:17px 0 8px}
.room-qr-image{width:260px;height:260px;max-width:100%;object-fit:contain;background:#fff;border-radius:13px;image-rendering:pixelated;box-shadow:0 0 0 1px #e1e6da}
.qr-caption{text-align:center;font-size:11px;color:var(--muted);line-height:1.8;margin:11px 0 22px}
.qr-file-name{display:flex;align-items:center;gap:8px;padding:12px 14px;background:var(--soft);border-radius:8px;font-size:12px;word-break:break-word}
.qr-file-name svg{flex-shrink:0;width:15px;height:15px;color:var(--muted)}
.qr-save{display:flex;justify-content:center;margin-top:15px;font-size:11px}
@media(max-width:700px){.connection-qr-preview{gap:21px}.connection-qr-preview>span{font-size:14px}.connection-qr-preview small{font-size:11px}.room-qr-image{width:250px;height:250px}.qr-caption{font-size:10px}}