:root{color:#f4efe2;background:#15120e;font-family:Avenir Next,Gill Sans,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #f4efe2;--muted: #b9ad99;--quiet: #7d7468;--line: rgba(244, 239, 226, .14);--panel: rgba(33, 29, 23, .82);--panel-strong: rgba(47, 40, 30, .92);--copper: #c78345;--amber: #f0b74f;--moss: #7ea172;--ready: #61b46b;--possible: #f0b74f;--shadow: 0 24px 80px rgba(0, 0, 0, .36)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.app-shell{min-height:100vh;position:relative;background:linear-gradient(90deg,rgba(240,183,79,.08) 1px,transparent 1px),linear-gradient(rgba(240,183,79,.07) 1px,transparent 1px),radial-gradient(circle at 18% 18%,rgba(126,161,114,.26),transparent 31rem),radial-gradient(circle at 82% 8%,rgba(199,131,69,.28),transparent 28rem),linear-gradient(135deg,#16120d,#211a13 48%,#0f1110);background-size:44px 44px,44px 44px,auto,auto,auto}.ambient-grid{pointer-events:none;position:fixed;inset:0;opacity:.34;background-image:linear-gradient(120deg,transparent 0 44%,rgba(244,239,226,.06) 45% 46%,transparent 47%),radial-gradient(circle at center,rgba(244,239,226,.12) 1px,transparent 1px);background-size:220px 220px,24px 24px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 78%);mask-image:linear-gradient(to bottom,black,transparent 78%)}.workspace{position:relative;z-index:1;width:min(1540px,calc(100vw - 32px));margin:0 auto;padding:28px 0 44px}.topbar{display:flex;align-items:end;justify-content:space-between;gap:24px;padding:12px 4px 24px}.eyebrow{margin:0 0 7px;color:var(--amber);font-size:.72rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}h1,h2{margin:0;letter-spacing:0}h1{font-size:clamp(2.1rem,6vw,5.8rem);line-height:.9;font-weight:900}h2{font-size:1.08rem}.topbar-meta{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;color:var(--muted)}.topbar-meta span,.topbar-meta button{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:7px 11px;border:1px solid var(--line);border-radius:8px;background:#13100ca3;color:inherit;text-decoration:none}.topbar-meta button{cursor:pointer}.layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px}.control-column,.timer-column{display:flex;flex-direction:column;gap:18px}.panel{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.record-panel,.boss-panel{padding:18px}.dashboard-panel{padding:18px;min-height:570px}.panel-heading,.dashboard-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.selected-boss{display:flex;align-items:center;width:100%;gap:14px;padding:14px;color:var(--ink);text-align:left;border:1px solid rgba(240,183,79,.28);border-radius:8px;background:linear-gradient(135deg,#f0b74f21,#7ea17214);cursor:default}.selected-boss img{width:64px;height:64px;object-fit:contain;image-rendering:pixelated}.selected-boss div{display:flex;flex-direction:column;gap:5px}.selected-boss span{color:var(--muted);font-size:.88rem}.selected-boss small{display:none;color:var(--amber);font-size:.76rem;font-weight:900}.record-form{display:grid;gap:13px;margin-top:16px}label{display:grid;gap:7px;color:var(--muted);font-size:.82rem;font-weight:700}.field-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.field-title small{color:var(--amber);font-size:.74rem;font-weight:800}.time-input-row{display:grid;grid-template-columns:minmax(0,1fr) 68px;gap:8px}input,select{width:100%;min-height:44px;border:1px solid rgba(244,239,226,.16);border-radius:8px;background:#0c0a089e;color:var(--ink);padding:0 12px;outline:none;transition:border-color .16s ease,background .16s ease}input:focus,select:focus{border-color:#f0b74fad;background:#0c0a08d1}.field-error{margin:-6px 0 0;color:#ff9b8c;font-size:.82rem}.primary-button,.ghost-button,.danger-button,.icon-toggle,.time-sync-button,.row-kill,.row-delete{border:0;border-radius:8px;min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:var(--ink)}.primary-button{background:linear-gradient(135deg,#f0b74f,#c78345);color:#20140a;font-weight:900}.ghost-button,.icon-toggle{border:1px solid var(--line);background:#f4efe214}.danger-button{border:1px solid rgba(233,95,77,.34);background:#e95f4d1f;color:#ffbaaf;padding:0 13px}.time-sync-button{border:1px solid rgba(240,183,79,.3);background:#f0b74f1f;color:var(--amber);font-weight:900}.search-box{position:relative;margin-bottom:13px}.search-box svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--quiet)}.search-box input{padding-left:38px}.boss-list{display:grid;gap:8px;max-height:480px;overflow:auto;padding-right:8px;scrollbar-color:rgba(199,131,69,.58) rgba(12,10,8,.24);scrollbar-width:thin}.boss-list::-webkit-scrollbar{width:10px}.boss-list::-webkit-scrollbar-track{border:1px solid rgba(244,239,226,.06);border-radius:999px;background:linear-gradient(180deg,#f4efe20b,#0c0a0833),#0c0a0838}.boss-list::-webkit-scrollbar-thumb{min-height:42px;border:2px solid rgba(20,17,13,.82);border-radius:999px;background:linear-gradient(180deg,#f0b74fb8,#7ea1728a);box-shadow:inset 0 1px #f4efe233}.boss-list::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f0b74fe6,#c78345b8)}.boss-option{display:grid;grid-template-columns:44px minmax(0,1fr) 36px;align-items:center;gap:10px;width:100%;min-height:60px;border:1px solid transparent;border-radius:8px;background:#f4efe20e;color:var(--ink);padding:8px;text-align:left}.boss-option.selected{border-color:#f0b74f9e;background:#f0b74f21}.boss-option img{width:42px;height:42px;object-fit:contain;image-rendering:pixelated}.boss-option span{min-width:0}.boss-option strong,.boss-option small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.boss-option small{margin-top:3px;color:var(--quiet)}.favorite-button{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;color:var(--quiet)}.favorite-button.active{color:var(--ready)}.dashboard-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:14px}.stat-card{min-height:82px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#f4efe20f}.stat-card span{display:block;color:var(--muted);font-size:.82rem}.stat-card strong{display:block;margin-top:5px;font-size:2rem;line-height:1}.empty-state{min-height:330px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;border:1px dashed rgba(244,239,226,.2);border-radius:8px;color:var(--muted);text-align:center;padding:28px}.empty-state strong{color:var(--ink);font-size:1.25rem}.timer-list{display:grid;gap:10px}.timer-row{display:grid;grid-template-columns:minmax(180px,1.2fr) minmax(150px,.9fr) minmax(220px,1.4fr) minmax(130px,.8fr) minmax(78px,auto);align-items:center;gap:12px;min-height:92px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f4efe20e}.timer-row.possible{border-color:#f0b74f94;background:linear-gradient(135deg,#f0b74f2e,#f4efe20e)}.timer-row.ready{border-color:#61b46bad;background:linear-gradient(135deg,#61b46b38,#f4efe20e)}.timer-boss{display:flex;align-items:center;gap:12px;min-width:0}.timer-boss img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.timer-boss div,.timer-status,.timer-time,.countdown{display:grid;gap:4px;min-width:0}.timer-boss strong,.countdown strong{font-size:1.05rem}.timer-boss span,.timer-status small,.timer-time span,.countdown span{color:var(--muted);font-size:.82rem}.timer-status>span{width:fit-content;padding:4px 8px;border-radius:999px;background:#7ea1722b;color:#b9d3ab;font-weight:900;font-size:.8rem}.timer-row.possible .timer-status>span{background:#f0b74f38;color:#ffcf70}.timer-row.ready .timer-status>span{background:#61b46b42;color:#bdf2be}.countdown{text-align:right}.row-actions{display:grid;gap:6px;justify-items:stretch}.row-delete,.row-kill{min-height:40px;border:1px solid rgba(244,239,226,.1);background:#f4efe20f;color:var(--muted);padding:0 10px}.row-kill{border-color:#f0b74f57;background:#f0b74f1f;color:var(--amber);font-weight:900}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.setting-row:first-of-type{border-top:0}.setting-row div{display:grid;gap:4px}.setting-row span{color:var(--muted);font-size:.85rem}.icon-toggle{min-width:102px;padding:0 12px}.modal-backdrop{position:fixed;inset:0;z-index:15;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 30%,rgba(240,183,79,.13),transparent 24rem),#080705ad;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.settings-modal{width:min(560px,100%);border:1px solid rgba(240,183,79,.28);border-radius:8px;background:#1e1912f5;box-shadow:0 28px 90px #0000008a;padding:18px}.modal-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:8px}.modal-close{width:40px;min-height:40px;border:1px solid var(--line);border-radius:8px;background:#f4efe214;color:var(--muted)}.boss-data-modal{width:min(720px,100%)}.mobile-picker-backdrop,.mobile-boss-picker{display:none}.edit-boss-summary{display:flex;align-items:center;gap:12px;margin:12px 0 16px;padding:12px;border:1px solid rgba(240,183,79,.22);border-radius:8px;background:#f4efe20e}.edit-boss-summary img{width:54px;height:54px;object-fit:contain;image-rendering:pixelated}.edit-boss-summary div,.boss-edit-form{display:grid;gap:6px}.edit-boss-summary span{color:var(--muted);font-size:.86rem}.boss-edit-form{gap:14px}.form-grid-two,.notice-toggle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.notice-toggle-group{display:grid;gap:10px;padding:12px;border:1px solid rgba(244,239,226,.12);border-radius:8px;background:#f4efe20b}.notice-toggle-group strong{color:var(--ink)}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:34px;color:var(--muted)}.switch-row input{width:38px;min-height:22px;height:22px;flex:0 0 auto;accent-color:var(--amber)}.toast{position:fixed;right:24px;bottom:24px;z-index:20;max-width:min(360px,calc(100vw - 48px));border:1px solid rgba(240,183,79,.48);border-radius:8px;background:#18140ff0;box-shadow:var(--shadow);color:var(--ink);padding:13px 15px}@media(max-width:1180px){.layout{grid-template-columns:1fr}.control-column{display:grid;grid-template-columns:minmax(310px,.86fr) minmax(320px,1.14fr)}.boss-list{max-height:342px}}@media(max-width:860px){.workspace{width:min(100vw - 20px,760px);padding-top:18px}.topbar{align-items:flex-start;flex-direction:column}.topbar-meta{justify-content:flex-start}.control-column{grid-template-columns:1fr}.boss-panel{display:none}.selected-boss{cursor:pointer}.selected-boss small{display:block}.mobile-picker-backdrop{display:grid}.mobile-boss-picker{display:block;align-self:end;max-height:min(76vh,680px);overflow:hidden}.mobile-boss-list{max-height:calc(min(76vh,680px) - 92px)}.timer-row{grid-template-columns:1fr;align-items:stretch}.countdown{text-align:left}.row-delete,.row-kill{width:100%}}@media(max-width:560px){.stats-grid{grid-template-columns:1fr}.dashboard-head,.panel-heading,.setting-row{align-items:flex-start;flex-direction:column}.dashboard-actions,.primary-button,.ghost-button,.danger-button,.icon-toggle,.form-grid-two,.notice-toggle-grid{width:100%}.form-grid-two,.notice-toggle-grid{grid-template-columns:1fr}}