:root{font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN",sans-serif;color:#f6f6f5;background:#101114;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#101114}button,input,textarea,select{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #fff;outline-offset:2px}.shell{max-width:520px;min-height:100dvh;margin:auto;padding:env(safe-area-inset-top) 17px calc(env(safe-area-inset-bottom) + 18px)}.topline,.eyebrow,.flowFooter,.settingsActions{display:flex;justify-content:space-between;align-items:center}.topline{padding:20px 2px 25px;font-size:13px;letter-spacing:.16em;font-weight:750}.plain{border:0;background:none;color:inherit;padding:12px;font-size:12px}.eyebrow{color:#92969e;font-size:10px;letter-spacing:.13em;font-weight:700}.flow{height:221px;touch-action:pan-y;overflow:hidden;position:relative;perspective:650px;user-select:none}.flow:before{content:"";position:absolute;inset:25px 15%;border-radius:50%;background:radial-gradient(circle,#27292d,transparent 70%);pointer-events:none}.cards{position:absolute;inset:0}.card{position:absolute;left:50%;top:49%;width:84px;height:104px;border:1px solid #50535a;border-radius:15px;background:#202125;color:#f8f8f8;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;box-shadow:0 12px 20px #0007;transform-style:preserve-3d;transition:transform .29s cubic-bezier(.22,.75,.28,1),opacity .29s ease;min-width:44px;min-height:44px}.card.active{width:92px;height:110px;background:#f8f8f6;border-color:#e3e3e0;color:#121315;box-shadow:0 18px 30px #0008}.card .glyph{font-size:27px;font-weight:750;line-height:1}.card .name{font-size:10px;max-width:70px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card.active .name{font-weight:650}.flowFooter{height:35px;font-size:12px;padding:0 3px}.flowFooter>div{display:flex;gap:8px;align-items:center;color:#a1a4aa;font-size:11px}.flowFooter button{width:44px;height:44px;border:1px solid #3b3d42;background:#17181b;border-radius:12px;color:#eee;font-size:23px}.status{min-height:25px;margin:5px 3px 9px;font-size:11px;color:#aeb0b6}.dashboard{display:grid;grid-template-columns:73px 1fr;min-height:390px;background:#191a1d;border:1px solid #3b3d42;border-radius:21px;overflow:hidden}.tabs{border-right:1px solid #35373b;display:flex;flex-direction:column;padding:9px 5px;gap:4px}.tabs button{background:none;border:0;color:#9b9da3;border-radius:12px;min-height:58px;display:flex;flex-direction:column;gap:4px;align-items:center;justify-content:center;font-size:11px}.tabs button.active{background:#27292c;color:#fff;border-left:2px solid #fff}.tabs button span:first-child{font-size:18px}.panel{padding:18px 15px 22px;min-width:0}.panel small,dialog small{color:#92969e;font-size:10px;letter-spacing:.15em;font-weight:700}.panel h2{font-size:20px;letter-spacing:-.04em;margin:8px 0 17px}.panel h3{font-size:12px;margin:19px 0 9px}.row{border-top:1px solid #35373b;padding:12px 0;display:flex;align-items:center;gap:9px;font-size:13px}.row .grow{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.row small{font-size:10px;letter-spacing:0}.row button,.panel button,.settingsActions button,.action{border:1px solid #47494e;background:#24262a;color:#fff;border-radius:10px;min-height:42px;padding:7px 11px}.row button{min-width:42px}.panel input:not([type=checkbox]),.panel textarea,.panel select,dialog input{width:100%;border:1px solid #484a4e;background:#101114;color:#fff;border-radius:9px;padding:10px;margin:4px 0 9px}.panel textarea{min-height:90px;resize:vertical}.panel label,dialog label{font-size:12px;color:#b6b8bd}.panel .inline{display:flex;gap:7px}.panel .inline>*{min-width:0}.panel .inline button{flex:none}.quiet{color:#a1a3aa;font-size:11px;line-height:1.6}.value{font-size:26px;font-weight:650}.newslink{color:#f6f6f5;text-decoration:none;line-height:1.45}.newslink:hover{text-decoration:underline}footer{color:#81858d;font-size:10px;padding:17px 2px}dialog{background:#1a1b1f;color:#fff;border:1px solid #4b4d52;border-radius:20px;width:min(94vw,500px);max-height:85dvh;padding:0}dialog::backdrop{background:#000a}dialog form{padding:20px;overflow:auto;max-height:85dvh}dialog header{display:flex;justify-content:space-between;align-items:center}dialog h2{margin:5px 0 14px}.hint{color:#a4a7ad;font-size:11px;line-height:1.7}.appSetting{border-top:1px solid #393b40;padding:12px 0;display:grid;grid-template-columns:1fr auto;gap:4px 8px}.appSetting .field{grid-column:1/-1}.appSetting .controls{display:flex;align-items:center;gap:4px}.appSetting .controls button{background:#2b2d31;border:1px solid #505259;color:#fff;border-radius:7px;min-width:35px;min-height:35px}.field{display:block;margin:8px 0}.settingsActions{gap:10px;margin-top:15px}.settingsActions button{flex:1}body.reduce-motion *,body.reduce-motion *:before{animation-duration:.01ms!important;transition-duration:.01ms!important}@media(prefers-reduced-motion:reduce){*,*:before{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:370px){.shell{padding-left:10px;padding-right:10px}.card{width:74px}}
