:root{--bg:#10151e;--sidebar:#141b26;--surface:#192230;--surface-raised:#202b3b;--border:#2b3749;--border-strong:#40516b;--muted:#a5b2c5;--muted-dark:#93a2b7;--text:#edf3fc;--accent:#668aff;--accent-hover:#7b9aff;font-size:16px}
body{line-height:1.55;background:radial-gradient(ellipse at 90% 0%,#1c2b453d,transparent 55%),var(--bg)}
h1{font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.15;font-weight:700;letter-spacing:-.045em}h2{font-size:1.2rem;line-height:1.4}.kicker{font-size:.75rem;color:#93acff;letter-spacing:.14em;margin-bottom:10px}
.page-header{margin-bottom:32px}.page-header p:not(.kicker){color:var(--muted);margin-top:12px;font-size:.95rem;max-width:620px}.workspace{padding-top:44px}.view{animation:arrive .28s ease-out}
.sidebar{background:linear-gradient(180deg,#17202e,#121a26)}.sidebar-brand{border-bottom:0;height:96px}.nav{gap:8px}.nav-button{min-height:48px;font-size:.94rem;transition:background .18s,color .18s}.nav-button.active{color:#c7d6ff;background:#668aff22;box-shadow:inset 3px 0 #7898ff}.nav-button:hover{background:#263248}.nav-button>span.icon,.nav-button.active>span.icon{border:0;border-radius:0;background:currentColor;color:inherit}
.server-state strong,.server-state small{font-size:.78rem}.logo{background:linear-gradient(145deg,#8aa5ff,#526ef0);box-shadow:0 5px 20px #466cea30;border:1px solid #9bb0ff55}.panel,.stat-card,.share-card{border-radius:18px;background:linear-gradient(145deg,#1c2737,#18212e);box-shadow:0 12px 32px #0000000c}.panel{padding:26px}.panel-heading p,.counter,.date,.stat-label,.stat-card>small,.session-note{font-size:.83rem}.stat-grid{gap:18px;margin-bottom:20px}.stat-card{min-height:164px;padding:24px}.stat-card>strong{font-size:2.4rem}.status-card>strong{font-size:1.35rem}.quick-panel{margin-bottom:20px}.quick-actions{grid-template-columns:repeat(3,minmax(0,1fr))}.quick-action{grid-template-columns:auto 1fr;padding:20px 16px;gap:12px;background:#121c2a;border-radius:13px;transition:transform .18s,border-color .18s}.quick-action b{display:none}.quick-action strong{font-size:.95rem}.quick-action small{font-size:.8rem;line-height:1.45}.quick-action:hover,.remote-action:hover{transform:translateY(-2px);border-color:#668aff80;background:#22314a}.quick-icon.icon{width:27px;height:27px;color:#9cb3ff}
.button{min-height:44px;border-radius:10px;font-size:.9rem;gap:8px;transition:transform .15s,background .15s,border-color .15s}.button:active:not(:disabled){transform:translateY(1px)}.button.primary{color:#fff;box-shadow:0 5px 18px #5178ff20}.button.secondary{background:#202b3b;border-color:#36455d}.button.secondary:hover{background:#293950;border-color:#61789a}.button.compact{font-size:.82rem}button:focus-visible,a:focus-visible,label:focus-within{outline:2px solid #a5baff;outline-offset:4px}input,textarea,select{font-size:1rem;background:#101a28;border-color:#3c4b62;border-radius:10px}input{min-height:48px}input[type=checkbox]{min-height:0;accent-color:var(--accent)}.login-form label{font-size:.9rem}.login-shell{background:radial-gradient(ellipse at 50% 0%,#33496b55,transparent 65%),var(--bg)}.login-panel{width:min(100%,450px);padding:40px;border-radius:24px;background:linear-gradient(155deg,#202c3d,#161f2b);box-shadow:0 30px 100px #0005}.login-copy{margin-top:32px}.notice{font-size:.9rem}.list-item{background:#131e2c;border-radius:12px}.two-column{gap:20px}
.remote-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.remote-action{border-radius:14px;background:#131e2d;padding:24px 16px;transition:transform .18s,border-color .18s;min-height:146px}.remote-action strong{font-size:.95rem}.remote-action small{font-size:.8rem}.remote-action .icon{width:26px;height:26px;color:#9cb5ff;border-radius:0;background:currentColor}
.icon,[data-icon]::before{display:inline-block;flex:0 0 auto;width:20px;height:20px;background:currentColor;mask:var(--icon) center/contain no-repeat;-webkit-mask:var(--icon) center/contain no-repeat}.button[data-icon]::before{content:"";width:18px;height:18px}
.share-create{display:grid;grid-template-columns:minmax(220px,1fr) 180px;gap:18px;padding:26px;background:var(--surface);border:1px solid var(--border);border-radius:18px}.share-create>input{align-self:end}.share-create label{font-size:.88rem;color:var(--muted)}.share-create select{display:block;width:100%;margin-top:6px;padding:10px}.share-create>label:has(input[type=checkbox]){display:flex;align-items:center;gap:10px}.share-create input[type=checkbox]{width:18px;height:18px}.share-create .button{align-self:end}.share-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:24px}.share-card{padding:24px;overflow-wrap:anywhere}.share-card p{font-size:.85rem;color:var(--muted);margin:10px 0 20px}.share-card .button{margin:4px 6px 4px 0}.share-card .button:last-child{color:#eca7b2}.share-message{min-height:170px;background:#1b2940;border-color:#5e7dc0;margin-bottom:12px}.share-window{width:min(850px,94vw);max-height:88vh;border:1px solid #4b5f7d;border-radius:22px;padding:28px;background:#172231;color:var(--text);box-shadow:0 30px 130px #0009}.share-window::backdrop{background:#050b16bb;backdrop-filter:blur(6px)}.share-window h2{margin-top:20px}.share-drop{display:block;min-height:150px;align-content:center;text-align:center;padding:28px;border:1px dashed #6483b0;border-radius:15px;background:#1c2b4055;color:#c6d7ef;cursor:pointer;margin:18px 0}.share-drop:hover,.share-drop.dragging{border-color:#97b0ff;background:#668aff20}.share-files{padding:0;list-style:none}.share-files li{display:flex;align-items:center;gap:10px;padding:16px 0;border-bottom:1px solid var(--border);flex-wrap:wrap}.share-files li>span{flex:1 1 230px;overflow-wrap:anywhere}.share-shell{max-width:820px;padding:50px 24px;margin:0 auto}.share-shell>.wordmark{margin-bottom:60px}.share-shell h1{margin-bottom:16px}.share-shell>p{color:var(--muted)}.share-shell .panel{display:grid;gap:18px;margin-top:28px}.share-shell .panel p{margin:0;font-size:.9rem;color:var(--muted)}#sharesStatus:empty,#shareInvite:empty{display:none}#sharesStatus{color:#b6caff;margin:20px 0}#shareInvite:not(:empty){margin:24px 0;padding:22px;background:#18253b;border:1px solid #3c5480;border-radius:16px}#sharesRefresh{margin-top:20px}
.dictation-panel{max-width:700px;margin:0 auto;text-align:center;padding:40px}.dictation-panel>p{color:var(--muted);font-size:.9rem}.dictation-panel label{display:block;text-align:left;margin:30px 0 10px}.dictation-panel textarea{text-align:left;margin-bottom:16px}.dictation-orb{display:grid;place-items:center;margin:0 auto 24px;width:84px;height:84px;border-radius:28px;background:linear-gradient(140deg,#7495ff,#4059b0);box-shadow:0 8px 45px #658aff33}.dictation-orb .icon{width:34px;height:34px}.is-recording .dictation-orb{animation:pulse 1.3s infinite;background:#ca5671}.is-recording #dictateToggle{background:#b54761}#dictateStatus{min-height:28px;margin-top:18px}
@keyframes arrive{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{50%{box-shadow:0 0 0 12px #ca567122}}@media(min-width:681px) and (max-width:1150px){.quick-actions{grid-template-columns:1fr}.share-cards{grid-template-columns:1fr}.share-create{grid-template-columns:1fr}.two-column{grid-template-columns:1fr}}
@media(max-width:680px){.workspace{padding:22px 18px 110px;margin-left:0}.page-header{margin-bottom:24px}.mobile-nav{display:grid;grid-template-columns:repeat(6,1fr);padding:9px 4px calc(9px + env(safe-area-inset-bottom));background:#172130f5;backdrop-filter:blur(14px)}.mobile-nav .nav-button{font-size:.62rem;padding:5px 0;gap:5px;min-width:0}.mobile-nav .nav-button.active{box-shadow:none}.mobile-nav .icon{width:21px;height:21px}.stat-grid{gap:8px}.stat-card{padding:14px;min-height:135px}.stat-card>strong{font-size:1.9rem}.status-card>strong{font-size:1rem}.stat-label,.stat-card>small{font-size:.72rem}.quick-actions,.share-cards,.share-create{grid-template-columns:1fr}.share-create,.panel{padding:20px}.remote-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.remote-action{padding:18px 10px}.share-shell{padding:30px 18px}.share-shell>.wordmark{margin-bottom:42px}.dictation-panel{padding:26px 18px}.share-window{padding:18px}.login-panel{padding:28px}.button{padding:0 13px}.two-column{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.icon-share-2,[data-icon="share-2"]{--icon:url('/icons/share-2.svg')}
.icon-house,[data-icon="house"]{--icon:url('/icons/house.svg')}
.icon-file-text,[data-icon="file-text"]{--icon:url('/icons/file-text.svg')}
.icon-folder,[data-icon="folder"]{--icon:url('/icons/folder.svg')}
.icon-monitor,[data-icon="monitor"]{--icon:url('/icons/monitor.svg')}
.icon-mic,[data-icon="mic"]{--icon:url('/icons/mic.svg')}
.icon-arrow-right,[data-icon="arrow-right"]{--icon:url('/icons/arrow-right.svg')}
.icon-scan-line,[data-icon="scan-line"]{--icon:url('/icons/scan-line.svg')}
.icon-app-window,[data-icon="app-window"]{--icon:url('/icons/app-window.svg')}
.icon-timer,[data-icon="timer"]{--icon:url('/icons/timer.svg')}
.icon-video,[data-icon="video"]{--icon:url('/icons/video.svg')}
.icon-rotate-ccw,[data-icon="rotate-ccw"]{--icon:url('/icons/rotate-ccw.svg')}
.icon-volume-1,[data-icon="volume-1"]{--icon:url('/icons/volume-1.svg')}
.icon-volume-2,[data-icon="volume-2"]{--icon:url('/icons/volume-2.svg')}
.icon-volume-x,[data-icon="volume-x"]{--icon:url('/icons/volume-x.svg')}
.icon-skip-back,[data-icon="skip-back"]{--icon:url('/icons/skip-back.svg')}
.icon-play,[data-icon="play"]{--icon:url('/icons/play.svg')}
.icon-skip-forward,[data-icon="skip-forward"]{--icon:url('/icons/skip-forward.svg')}
.icon-lock-keyhole,[data-icon="lock-keyhole"]{--icon:url('/icons/lock-keyhole.svg')}
.icon-download,[data-icon="download"]{--icon:url('/icons/download.svg')}
.icon-trash-2,[data-icon="trash-2"]{--icon:url('/icons/trash-2.svg')}
.icon-x,[data-icon="x"]{--icon:url('/icons/x.svg')}
.icon-refresh-cw,[data-icon="refresh-cw"]{--icon:url('/icons/refresh-cw.svg')}
.icon-copy,[data-icon="copy"]{--icon:url('/icons/copy.svg')}
.icon-folder-open,[data-icon="folder-open"]{--icon:url('/icons/folder-open.svg')}
.icon-key-round,[data-icon="key-round"]{--icon:url('/icons/key-round.svg')}
.stat-card{position:relative;padding-right:78px}
.stat-card::after{content:"";position:absolute;right:22px;top:22px;width:42px;height:42px;background:linear-gradient(145deg,#a8bbff,#6889e9);mask:var(--stat-icon) center/contain no-repeat;-webkit-mask:var(--stat-icon) center/contain no-repeat;opacity:.88}
.stat-texts{--stat-icon:url('/icons/flaticon-file.png')}
.stat-files{--stat-icon:url('/icons/flaticon-folder.png')}
.stat-hub{--stat-icon:url('/icons/flaticon-home.png')}
.flaticon-share-mark{display:block;width:46px;height:46px;margin:0 0 20px;background:linear-gradient(145deg,#a8bbff,#6889e9);mask:url('/icons/flaticon-share.png') center/contain no-repeat;-webkit-mask:url('/icons/flaticon-share.png') center/contain no-repeat}
.icon-credit{margin:22px 0 0;color:#8293ab;font-size:.72rem;line-height:1.5}
.icon-credit a{color:#9fb6ef;text-underline-offset:2px}
.workspace-credit{margin-top:42px}
@media(max-width:680px){.stat-card{padding-right:14px}.stat-card::after{width:25px;height:25px;right:12px;top:12px}.workspace-credit{margin-bottom:15px}}
.dictation-orb .icon{--icon:url('/icons/flaticon-voice.png')}