code,pre,.time-display .main{font-family:Courier New,monospace}:root{--bg-color: #0B1220;--card-bg: #162033;--card-hover: #1C2940;--card-border: rgba(255, 255, 255, .05);--text-primary: #F1F5F9;--text-secondary: #94A3B8;--text-muted: #64748B;--primary-color: #22C55E;--primary-bg: rgba(34, 197, 94, .1);--warning-color: #FACC15;--warning-bg: rgba(250, 204, 21, .1);--expired-color: #EF4444;--expired-bg: rgba(239, 68, 68, .1);--ready-color: #64748B;--ready-bg: rgba(100, 116, 139, .1);--header-height: 48px}[data-theme=light]{--bg-color: #F8FAFC;--card-bg: #FFFFFF;--card-hover: #F1F5F9;--card-border: rgba(0, 0, 0, .1);--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--primary-color: #16A34A;--primary-bg: rgba(22, 163, 74, .1);--warning-color: #B45309;--warning-bg: rgba(180, 83, 9, .1);--expired-color: #B91C1C;--expired-bg: rgba(185, 28, 28, .1);--ready-color: #475569;--ready-bg: rgba(71, 85, 105, .1)}[data-theme=light] .admin-content{background:#fff;box-shadow:0 25px 50px -12px #00000026}[data-theme=light] .admin-item-row,[data-theme=light] input[type=text],[data-theme=light] input[type=number],[data-theme=light] select{background:#f1f5f9;border-color:#0000001a}[data-theme=light] .inline-edit-form{background:#00000005}[data-theme=light] header{background:#f8fafce6}[data-theme=light] #admin-toggle{background:#0000000d;color:#000;border-color:#0003}*{box-sizing:border-box;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-user-select:none;user-select:none;line-height:1.5}#app{display:flex;flex-direction:column;height:100dvh;overflow:hidden}#timer-grid{flex:1;overflow:hidden;min-height:0}header{height:var(--header-height);display:flex;justify-content:space-between;align-items:center;padding:0 12px;background:#0b1220e6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:relative;z-index:100;border-bottom:1px solid var(--card-border);flex-shrink:0}.header-info h1{font-size:1rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}.header-info p{font-size:.7rem;color:var(--text-secondary);margin-top:0}.header-clock{display:flex;align-items:center}#clock-time{font-size:1.6rem;font-weight:700;font-family:Courier New,monospace;color:var(--text-primary);letter-spacing:.03em}#admin-toggle{background:#ffffff08;border:1px solid var(--card-border);color:var(--text-primary);width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}#admin-toggle:hover{background:var(--card-hover);transform:translateY(-1px)}.grid{display:flex;flex-direction:column;gap:0;padding:4px}.category-section{display:flex;flex-direction:column;gap:0}.category-header{font-size:1.1rem;font-weight:800;color:var(--text-primary);padding-bottom:2px;margin-top:2px;border-bottom:1px solid var(--card-border);position:relative;text-align:center}.category-header:after{content:"";position:absolute;bottom:-1px;left:0;width:20px;height:1px;background:var(--primary-color)}.category-grid{display:grid;gap:4px;grid-template-columns:repeat(var(--grid-cols, 4),1fr);grid-auto-flow:dense}.tile.has-side2{grid-column:span 2}.has-any-side2 .tile:not(.has-side2){grid-column:span 2}.tile{container-type:inline-size;background:var(--card-bg);border-radius:8px;padding:4px 6px;display:flex;flex-direction:column;gap:2px;cursor:default;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--card-border);box-shadow:0 4px 6px -1px #0000001a;position:relative;overflow:hidden;height:var(--tile-height, auto)}.tile:hover{background:var(--card-hover)}.tile:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:transparent;transition:background .3s}.timer-wrapper{display:flex;justify-content:space-around;align-items:center;gap:4px;width:100%;flex:1;min-height:0;overflow:hidden}.timer-container{container-type:inline-size;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;padding:3px;border-radius:8px;transition:all .2s;flex:1;min-width:0;min-height:0;overflow:hidden}.timer-container:hover{background:#ffffff08}.timer-container:active{transform:scale(.96)}.side-label{font-size:clamp(.45rem,5cqi,.6rem);font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.02em}.tile-visual{container-type:inline-size;position:relative;width:min(90cqi,calc(var(--tile-height, 200px) - 58px));height:min(90cqi,calc(var(--tile-height, 200px) - 58px));flex-shrink:0}.tile-visual svg{width:100%;height:100%;transform:rotate(-90deg);filter:drop-shadow(0 0 2px rgba(0,0,0,.2))}.tile-visual circle{fill:none;stroke-width:6;stroke-linecap:round}.tile-visual circle.bg{stroke:#ffffff08}.tile-visual circle.progress{transition:stroke-dashoffset .4s cubic-bezier(.4,0,.2,1)}.time-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;width:100%}.time-display .main{display:block;font-size:clamp(.7rem,26cqi,1.6rem);font-weight:800;font-family:Courier New,monospace;letter-spacing:-.02em;color:var(--text-primary)}.time-display .sub{display:block;font-size:clamp(.5rem,17cqi,1rem);color:var(--text-muted);margin-top:-1px}.tile-info{text-align:center}.item-name{font-size:clamp(.7rem,14cqi,1.4rem);font-weight:800;margin-bottom:0;line-height:1.1;color:var(--text-primary);letter-spacing:-.01em;word-wrap:break-word}.status-indicator{display:inline-flex;align-items:center;gap:2px;font-size:clamp(.4rem,4cqi,.55rem);font-weight:700;padding:1px 4px;border-radius:9999px;text-transform:uppercase;letter-spacing:.05em;background:var(--ready-bg);color:var(--ready-color);transition:all .3s}.status-indicator .dot{width:3px;height:3px;border-radius:50%;background:currentColor}.tap-hint{display:none}.state-ready .tile-visual circle.progress{stroke:var(--ready-color);opacity:.2}.state-ready .status-indicator,.state-running .status-indicator,.state-expired .status-indicator{display:none}.state-running .tile-visual circle.progress{stroke:var(--primary-color)}.state-running .status-indicator{background:var(--primary-bg);color:var(--primary-color)}.state-warning .tile-visual circle.progress{stroke:var(--warning-color)}.state-warning .status-indicator{background:var(--warning-bg);color:var(--warning-color)}.tile:has(.state-warning){background:linear-gradient(to bottom,var(--card-bg),var(--warning-bg));border-color:#facc1533}.tile:has(.state-warning):before{background:var(--warning-color)}.state-paused .tile-visual circle.progress{stroke:var(--ready-color);opacity:.5}.state-paused .status-indicator{background:var(--ready-bg);color:var(--text-muted)}.state-expired .tile-visual circle.progress{stroke:var(--expired-color)}.state-expired .status-indicator{background:var(--expired-bg);color:var(--expired-color)}.tile:has(.state-expired){background:linear-gradient(to bottom,var(--card-bg),var(--expired-bg));border-color:#ef444433;animation:card-blink 1s infinite}.tile:has(.state-expired):before{background:var(--expired-color)}@keyframes card-blink{0%{box-shadow:0 0 #ef444466}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes blink-expired{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.state-expired .time-display{animation:blink-expired .5s infinite}#admin-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b1220cc;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;display:flex;justify-content:center;padding:40px 20px;overflow-y:auto}#admin-screen.hidden{display:none!important}.admin-content{width:100%;max-width:600px;background:#162033;padding:40px;border-radius:32px;border:1px solid var(--card-border);height:fit-content;margin-bottom:40px;box-shadow:0 25px 50px -12px #00000080}.admin-content header{background:transparent;height:auto;padding:0;margin-bottom:32px;border:none}.admin-content section{margin-bottom:40px}h2{font-size:1.875rem;font-weight:800;letter-spacing:-.025em;color:var(--text-primary)}h3{margin-bottom:20px;font-size:1.125rem;color:var(--text-secondary);font-weight:600}.duration-inputs{display:flex;gap:12px;margin:12px 0}.input-group{flex:1;display:flex;flex-direction:column;gap:4px}.input-group label{font-size:.75rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;margin-left:4px}.input-group input{width:100%;margin:0!important;height:60px;font-size:1.25rem;text-align:center}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:40px;width:30px;opacity:1;cursor:pointer}input[type=text],input[type=number]{width:100%;padding:16px;margin:12px 0;background:#0b1220;border:1px solid var(--card-border);color:var(--text-primary);font-size:1rem;border-radius:16px;outline:none;transition:all .2s}input:focus{border-color:var(--primary-color);box-shadow:0 0 0 4px var(--primary-bg)}button{padding:16px 28px;font-size:1rem;font-weight:700;border-radius:16px;border:none;cursor:pointer;background:var(--primary-color);color:#fff;transition:all .2s}button:active{transform:scale(.96)}#admin-close{background:#334155}.bulk-actions{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.btn-secondary{background:#334155;padding:12px 20px;font-size:.875rem;flex:1}.btn-danger{background:#7f1d1d;color:#fca5a5}.btn-danger:hover{background:#991b1b}.btn-success{background:#14532d;color:#86efac}.btn-success:hover{background:#166534}.item-list ul{list-style:none}.admin-item-row{display:flex;flex-direction:column;background:#0b1220;border-radius:20px;margin-bottom:12px;border:1px solid var(--card-border);overflow:hidden}.admin-item-display{display:flex;justify-content:space-between;align-items:center;padding:20px}.inline-edit-form{padding:20px;background:#ffffff05;border-top:1px solid var(--card-border)}.inline-form{display:flex;flex-direction:column;gap:12px}.inline-form input,.inline-form select{margin:0}.inline-form-actions{display:flex;gap:12px;margin-top:8px}.btn-save{background:var(--primary-color)}.btn-cancel{background:#334155}.item-actions{display:flex;gap:8px}.item-actions button{padding:10px 16px;font-size:.875rem;margin:0}.btn-delete{background:#ef4444}.btn-edit{background:#3b82f6}.checkbox-label{display:flex;align-items:center;gap:12px;font-size:1rem;color:var(--text-primary);margin:20px 0;cursor:pointer;font-weight:500}.checkbox-label input{width:20px;height:20px;border-radius:6px;accent-color:var(--primary-color)}select{width:100%;padding:16px;margin:12px 0;background:#0b1220;border:1px solid var(--card-border);color:var(--text-primary);font-size:1rem;border-radius:16px;outline:none}.hidden{display:none!important}.form-error{color:var(--expired-color);font-size:.875rem;font-weight:600;margin:4px 0 0}.form-success{color:var(--primary-color);font-size:1.125rem;font-weight:600;margin:4px 0 0}