:root{font-family:Inter,Roboto,Segoe UI,Arial,sans-serif;color:#f4efff;background:#15121a;font-synthesis:none;text-rendering:optimizeLegibility;color-scheme:dark}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% -15%,#2e2542 0,#15121a 44%,#100e14)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:min(1120px,calc(100% - 32px));margin:0 auto;padding:38px 0 80px}.topbar{display:flex;align-items:center;gap:14px;margin-bottom:32px}.brand-mark{width:54px;height:54px;object-fit:contain;filter:drop-shadow(0 8px 16px #7c4dff75)}.eyebrow{margin:0 0 3px;color:#bcb0e0;font-size:.7rem;font-weight:800;letter-spacing:.14em}h1,h2,h3,p{margin-top:0}h1{margin-bottom:0;color:#f4efff;font-size:clamp(1.6rem,3vw,2.2rem);letter-spacing:-.04em}h2{margin-bottom:4px;color:#f0ebf8;font-size:1.24rem;letter-spacing:-.02em}h3{color:#f4efff}.local-badge{margin-left:auto;border:1px solid #66558a;border-radius:99px;padding:9px 13px;color:#d8ccff;background:#28213b;font-size:.78rem;font-weight:700}.notification-card{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #393049;border-radius:22px;padding:18px 20px;background:#211d29;box-shadow:0 14px 35px #00000035}.notification-card p,.section-heading p{margin-bottom:0;color:#b8b2c3;font-size:.88rem}.notification-controls{display:flex;gap:10px;align-items:center}input,select,textarea{width:100%;min-height:48px;border:1px solid #645c70;border-radius:11px;padding:0 13px;color:#f3edf7;outline:none;background:#29242f;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border:2px solid #cbb7ff;box-shadow:0 0 0 3px #a98cff2b}textarea{min-height:88px;padding:11px 13px;resize:vertical;line-height:1.4}.primary-button,.tonal-button{min-height:43px;border:0;border-radius:99px;padding:0 18px;font-weight:750;cursor:pointer;transition:transform .15s,background .15s,box-shadow .15s}.primary-button{color:#261b38;background:#d0bcff;box-shadow:0 3px 8px #0000003d}.primary-button:hover{background:#e3d7ff;transform:translateY(-1px)}.primary-button:disabled{cursor:not-allowed;opacity:.45;transform:none}.tonal-button{color:#d7c9ff;background:#353046;border:1px solid #514769}.tonal-button:hover{background:#443a59}.form-error{margin:14px 0 0;color:#ffb4ab;font-size:.86rem;font-weight:650}.timers-section{margin-top:34px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.dashboard-actions{display:flex;align-items:end;gap:9px}.add-timer-button{min-height:38px;border:0;border-radius:99px;padding:0 13px;color:#261b38;background:#d0bcff;font-size:.78rem;font-weight:800;cursor:pointer;white-space:nowrap}.add-timer-button:hover{background:#e4d9ff}.sort-control{display:grid;gap:4px;color:#bcb3ca;font-size:.67rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.sort-control select{min-height:38px;padding:0 29px 0 11px;color:#ded3f7;border-color:#5a4b76;border-radius:99px;background:#2c263a;font-size:.78rem;font-weight:700;text-transform:none}.archive-button{border:1px solid #5a4b76;border-radius:99px;padding:9px 12px;color:#d8ccff;background:#2c263a;font-weight:750;cursor:pointer}.archive-button span{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;border-radius:50%;color:#241a35;background:#d0bcff;font-size:.72rem}.empty-state{display:grid;justify-items:center;padding:66px 20px 46px;border:1px dashed #62537e;border-radius:26px;color:#c8c0d4;background:radial-gradient(circle at top,#302747,#1c1922 65%);text-align:center}.empty-state>span{margin-bottom:13px;color:#d0bcff;font-size:42px}.empty-state h3{margin-bottom:6px}.empty-state p{margin-bottom:21px;color:#aaa2b6}.empty-add-button,.floating-add-button{display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:50%;color:#271c3a;background:#d0bcff;box-shadow:0 8px 22px #0005;cursor:pointer;font-family:Arial,sans-serif;font-size:31px;line-height:0;transition:transform .15s,background .15s}.empty-add-button{width:58px;height:58px}.floating-add-button{position:fixed;right:clamp(18px,4vw,46px);bottom:clamp(20px,4vw,42px);z-index:4;width:60px;height:60px}.empty-add-button:hover,.floating-add-button:hover{background:#e4d9ff;transform:translateY(-2px) scale(1.04)}.timer-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px}.timer-card{display:flex;flex-direction:column;min-height:210px;border:1px solid #393049;border-radius:20px;padding:16px;background:#24202b;box-shadow:0 2px 8px #0000002b,0 13px 24px #00000018;transition:transform .18s,border-color .18s}.timer-card:hover{transform:translateY(-3px);border-color:#77629c}.timer-card.is-finished{border-color:#bd655e;background:#332326}.card-topline{display:flex;align-items:center;gap:7px;color:#bbb3c8;font-size:.7rem;font-weight:750;letter-spacing:.05em;text-transform:uppercase}.status-dot{width:8px;height:8px;border-radius:50%;background:#72dfa1;box-shadow:0 0 0 4px #2d6949}.status-dot.is-finished{background:#ffb4ab;box-shadow:0 0 0 4px #703a3a}.icon-button{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;color:#c8c0d4;background:transparent;cursor:pointer;font-size:22px;line-height:1}.card-topline .icon-button+.icon-button{margin-left:0}.icon-button:hover,.icon-button:focus-visible{color:#ffb4ab;background:#6f2d2d;outline:none}.card-edit-button{color:#d9ccff}.timer-card h3{margin:14px 0 10px;overflow-wrap:anywhere;font-size:1rem;line-height:1.22}.countdown{color:#eee5ff;font-variant-numeric:tabular-nums;font-size:clamp(1.65rem,4vw,2.1rem);font-weight:790;letter-spacing:-.07em;line-height:1}.is-finished .countdown{color:#ffb4ab}.end-date{margin:8px 0 0;color:#afa7bb;font-size:.76rem}.timer-comment{display:-webkit-box;margin:10px 0 0;overflow:hidden;color:#d2c9de;font-size:.8rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:3}.auction-link,.no-link,.validate-timer-button{margin-top:auto;min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:99px;font-size:.83rem;font-weight:750;text-decoration:none}.auction-link{color:#261c37;background:#d0bcff}.auction-link:hover{background:#e4d9ff}.no-link{color:#b9b1c5;background:#312b3d}.validate-timer-button{border:0;color:#321d1d;background:#ffb4ab;cursor:pointer}.validate-timer-button:hover{background:#ffd9d3}.archive-section{margin-top:28px;border:1px solid #393049;border-radius:22px;padding:20px;background:#211d29}.archive-actions{display:flex;gap:8px}.archive-actions .tonal-button,.delete-selection-button{min-height:38px;padding:0 13px;font-size:.8rem}.delete-selection-button{border:1px solid #a85b58;border-radius:99px;color:#ffdad6;background:#7f3431;font-weight:750;cursor:pointer}.delete-selection-button:disabled{cursor:not-allowed;opacity:.45}.archive-empty{margin:0;color:#b8b0c3}.archive-list{display:grid;gap:8px}.archive-list article{display:flex;align-items:center;gap:12px;border-radius:14px;padding:11px 12px;background:#2b2633}.archive-list article.is-selected{outline:1px solid #d0bcff;background:#3b304d}.archive-select-target{flex:0 0 auto;width:28px;height:28px;border:1px solid #8a7a9e;border-radius:8px;color:#271c3a;background:#211c28;cursor:pointer;font-weight:900}.archive-list article.is-selected .archive-select-target{border-color:#d0bcff;background:#d0bcff}.archive-list article div{display:grid;gap:3px;min-width:0}.archive-list strong{overflow:hidden;color:#f0ebf8;text-overflow:ellipsis;white-space:nowrap}.archive-list span{color:#aaa2b6;font-size:.76rem}.archive-list a{margin-left:auto;color:#d6c4ff;font-size:.84rem;font-weight:750;text-decoration:none}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:grid;place-items:center;padding:20px;background:#09070dbd;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.composer-dialog,.finish-dialog{width:min(520px,100%);border:1px solid #594a74;border-radius:28px;padding:28px;background:#24202d;box-shadow:0 22px 70px #00000094;animation:dialog-in .2s ease-out}.finish-dialog{display:grid;justify-items:center;gap:12px;text-align:center}.dialog-heading{display:flex;align-items:start;justify-content:space-between;gap:14px}.dialog-brand{display:flex;align-items:center;gap:12px}.dialog-brand img{width:44px;height:44px;object-fit:contain;filter:drop-shadow(0 5px 9px #7c4dff5c)}.dialog-heading .icon-button{flex:0 0 auto}.composer-dialog>p{color:#b8b0c3;font-size:.89rem}.timer-form{display:grid;grid-template-columns:1fr 160px;gap:14px;align-items:end;margin-top:23px}.timer-form label{display:grid;gap:7px;color:#ccc3db;font-size:.75rem;font-weight:750;letter-spacing:.015em}.timer-form .link-field,.timer-form .comment-field,.timer-form .primary-button{grid-column:1 / -1}.time-picker-trigger{min-height:48px;display:flex;align-items:center;justify-content:space-between;border:1px solid #645c70;border-radius:11px;padding:0 12px;color:#f1eaff;background:#29242f;cursor:pointer}.time-picker-trigger strong{font-variant-numeric:tabular-nums;font-size:1.05rem;letter-spacing:.04em}.time-picker-trigger small{color:#cdbaff}.time-picker-popover{position:absolute;z-index:2;inset:50% auto auto 50%;width:min(380px,calc(100vw - 42px));transform:translate(-50%,-50%);border:1px solid #77629c;border-radius:24px;padding:23px;background:#302a3b;box-shadow:0 22px 55px #0000009a}.time-picker-popover h3{margin-bottom:18px}.time-wheel{display:flex;align-items:center;justify-content:center;gap:22px;text-align:center}.time-wheel>div>span{display:block;margin-bottom:7px;color:#c5b9d8;font-size:.72rem;font-weight:750;text-transform:uppercase}.time-wheel>b{margin-top:16px;color:#d0bcff;font-size:28px}.spinner{display:grid;justify-items:center;gap:6px}.spinner button{width:43px;height:30px;border:0;border-radius:8px;color:#cdbaff;background:#40384e;cursor:pointer;font-size:19px}.spinner button:hover{background:#514762}.time-value-button{width:88px;min-height:54px;border:1px solid #4e435f;border-radius:12px;color:#f5efff;background:#211c28;font-size:1.75rem;font-weight:800;font-variant-numeric:tabular-nums;cursor:pointer}.time-value-button:focus-visible{outline:2px solid #d0bcff;outline-offset:2px}.picker-actions{display:flex;justify-content:end;gap:10px;margin-top:22px}.finish-dialog{position:relative}.finish-close{position:absolute;top:14px;right:14px}.finish-dialog h2{font-size:1.5rem}.finish-dialog p:not(.eyebrow){color:#b8b0c3}.finish-dialog .auction-link,.finish-dialog .primary-button{width:100%;margin-top:3px}.finish-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:#d0bcff;color:#30243f;font-size:30px}@keyframes dialog-in{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}@media(max-width:700px){.app-shell{width:min(100% - 24px,620px);padding-top:24px}.topbar{margin-bottom:23px}.notification-card{align-items:stretch;flex-direction:column}.notification-controls{flex-wrap:wrap}.notification-controls select{flex:1 1 160px}}@media(max-width:480px){.local-badge{display:none}.notification-card,.archive-section{border-radius:18px;padding:16px}.timer-grid,.timer-form{grid-template-columns:1fr}.timer-form label,.timer-form .link-field,.timer-form .primary-button{grid-column:auto}.composer-dialog,.finish-dialog{padding:22px}.floating-add-button{right:18px;bottom:18px}}