:root,[data-theme=dark]{--bg:#0f1115;--surface:#171a21;--surface-2:#1e222b;--border:#2a2f3a;--text:#eef0f4;--text-dim:#9199a8;--accent:#6ee7b7;--accent-2:#7c9eff;--accent-3:#ffb86e;--period-red:#ff6b6b;--period-green:#4ade80;--on-accent:#0f1115;--bg-gradient:radial-gradient(circle at 20% 0%, #1a2233 0%, var(--bg) 55%);--radius:16px}[data-theme=colorful]{--colorful-bg:#1a1130;--colorful-bg-glow:#3d2470;--bg:var(--colorful-bg);--surface:#271a49;--surface-2:#32215c;--border:#4a3480;--text:#f6f1ff;--text-dim:#c2aee8;--accent:#ff6ec7;--accent-2:#7c9eff;--accent-3:#ffd166;--period-red:#ff6b6b;--period-green:#4ade80;--on-accent:#1a1130;--bg-gradient:radial-gradient(circle at 20% 0%, var(--colorful-bg-glow) 0%, var(--colorful-bg) 60%)}[data-theme=colorful] [data-subject-color=pink]{--subject-accent:#0f172a;--subject-background:#f094d1}[data-theme=colorful] [data-subject-color=orange]{--subject-accent:#0f172a;--subject-background:#ef7a06}[data-theme=colorful] [data-subject-color=cyan]{--subject-accent:#0f172a;--subject-background:#2eb6fa}[data-theme=colorful] [data-subject-color=violet]{--subject-accent:#ffffff;--subject-background:#942efa}[data-theme=colorful] [data-subject-color=green]{--subject-accent:#0f172a;--subject-background:#18aa30}[data-theme=colorful] [data-subject-color=amber]{--subject-accent:#0f172a;--subject-background:#fbc760}[data-theme=colorful] [data-subject-color=teal]{--subject-accent:#ffffff;--subject-background:#036d6d}[data-theme=colorful] [data-subject-color=indigo]{--subject-accent:#ffffff;--subject-background:#3e2277}[data-theme=colorful] [data-subject-color=magenta]{--subject-accent:#ffffff;--subject-background:#bd0561}[data-theme=colorful] [data-subject-color=coral]{--subject-accent:#0f172a;--subject-background:#eb7070}[data-theme=colorful] [data-subject-color=mint]{--subject-accent:#0f172a;--subject-background:#44e4c9}[data-theme=colorful] [data-subject-color=periwinkle]{--subject-accent:#0f172a;--subject-background:#9494f0}[data-theme=colorful] [data-subject-color=ochre]{--subject-accent:#ffffff;--subject-background:#956504}[data-theme=colorful] [data-subject-color=blue]{--subject-accent:#ffffff;--subject-background:#0561bd}[data-theme=colorful] [data-subject-color=lime]{--subject-accent:#0f172a;--subject-background:#a1ef06}[data-theme=colorful] [data-subject-color=forest]{--subject-accent:#ffffff;--subject-background:#245719}[data-theme=colorful] [data-subject-color=red]{--subject-accent:#ffffff;--subject-background:#bd0505}[data-theme=colorful] [data-subject-color=olive]{--subject-accent:#0f172a;--subject-background:#959504}[data-theme=colorful] [data-subject-color=brown]{--subject-accent:#ffffff;--subject-background:#572e19}[data-theme=light]{--bg:#f4f5f9;--surface:#ffffff;--surface-2:#eef0f6;--border:#dde1ea;--text:#1b1e27;--text-dim:#6a7180;--accent:#12b981;--accent-2:#4c6fe0;--accent-3:#e08a1e;--period-red:#c62828;--period-green:#147a3c;--on-accent:#ffffff;--bg-gradient:radial-gradient(circle at 20% 0%, #e6ebfb 0%, var(--bg) 55%)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;-webkit-tap-highlight-color:transparent}body{min-height:100vh;background:var(--bg-gradient);transition:background .3s,color .3s}button,input{font:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app{max-width:900px;margin:0 auto;padding:20px 16px 40px;min-height:100vh;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none}.topbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px 8px;margin-bottom:18px}.title{--title-logo-width:clamp(4.7rem, 20vw, 6.5rem);--title-logo-gap:clamp(0.35rem, 1.5vw, 0.65rem);display:inline-flex;align-items:center;position:relative;min-width:0;padding-inline-start:calc(var(--title-logo-width) + var(--title-logo-gap));font-size:1.6rem;font-weight:800;margin:0;letter-spacing:-.02em;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.title-logo{position:absolute;top:0;inset-inline-start:0;width:var(--title-logo-width);height:auto;object-fit:contain;pointer-events:none}.view-toggle{display:flex;flex:0 0 auto;margin-inline-start:auto;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;gap:4px}.toggle-btn{border:none;background:0 0;color:var(--text-dim);font-size:.85rem;font-weight:600;padding:7px 16px;border-radius:999px;cursor:pointer;transition:background .2s,color .2s}.toggle-btn.active{background:var(--accent);color:var(--on-accent)}.settings-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px;margin-bottom:12px}.background-control,.subject-display-toggle{display:flex;align-items:center;min-height:36px;border:1px solid var(--border);border-radius:999px;background:var(--surface)}.subject-display-toggle{gap:7px;padding:4px 10px;color:var(--text-dim);font-size:.75rem;font-weight:700;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.subject-display-toggle.active,.subject-display-toggle:hover{border-color:var(--accent-2);color:var(--text)}.background-control input[type=color]:focus-visible,.day-chip:focus-visible,.editable-value:focus-visible,.nav-arrow:focus-visible,.subject-display-toggle:focus-visible,.theme-btn:focus-visible,.toggle-btn:focus-visible{outline:2px solid var(--accent-3);outline-offset:2px}.switch-track{position:relative;width:32px;height:18px;flex:0 0 32px;border-radius:999px;background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--border);transition:background .2s,box-shadow .2s}.switch-thumb{position:absolute;top:3px;left:3px;width:12px;height:12px;border-radius:50%;background:var(--text-dim);transition:transform .2s,background .2s}.subject-display-toggle.active .switch-track{background:var(--accent-2);box-shadow:none}.subject-display-toggle.active .switch-thumb{background:var(--on-accent);transform:translateX(14px)}#subject-display-value{min-width:67px;text-align:left}.background-control{gap:7px;padding:3px 5px 3px 11px}.background-control[hidden]{display:none}.background-control label{color:var(--text-dim);font-size:.75rem;font-weight:700;cursor:pointer}.background-control input[type=color]{width:28px;height:28px;padding:2px;border:1px solid var(--accent-2);border-radius:50%;background:0 0;cursor:pointer}.background-control input[type=color]::-webkit-color-swatch-wrapper{padding:0}.background-control input[type=color]::-webkit-color-swatch{border:0;border-radius:50%}.background-control input[type=color]::-moz-color-swatch{border:0;border-radius:50%}.theme-toggle{display:flex;min-width:0;margin:0;background:var(--surface);border:1px solid var(--border);border-radius:999px;padding:4px;gap:2px}.theme-btn{border:none;background:0 0;font-size:.95rem;padding:5px 10px;border-radius:999px;cursor:pointer;line-height:1;transition:background .2s,transform .15s}.theme-btn.active{background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--accent-2)}.theme-btn:active{transform:scale(.88)}.day-picker{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:12px;scrollbar-width:none}.day-picker::-webkit-scrollbar{display:none}.day-chip{flex:1 0 104px;border:1px solid var(--border);background:var(--surface);color:var(--text-dim);font-weight:700;font-size:.8rem;letter-spacing:.03em;text-transform:uppercase;text-align:center;padding:8px 16px;border-radius:999px;cursor:pointer;transition:border-color .2s,color .2s,background .2s}.day-chip.active{border-color:var(--accent-2);color:var(--text);background:linear-gradient(135deg,rgba(124,158,255,.25),rgba(110,231,183,.15))}.day-chip.today{position:relative}.day-chip.today::after{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent-3);margin-left:6px;vertical-align:middle}.day-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.day-title{font-size:1.3rem;font-weight:800;margin:0;text-align:center}.day-period-type{display:block;margin-top:2px;color:var(--period-red);font-weight:800;text-transform:none;animation:3s steps(1,end) infinite periodTypeColors}@keyframes periodTypeColors{0%,100%{color:var(--period-red)}50%{color:var(--period-green)}}.nav-arrow{border:1px solid var(--border);background:var(--surface);color:var(--text);font-size:1.3rem;line-height:1;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,transform .1s}.nav-arrow-hidden{visibility:hidden;pointer-events:none}.nav-arrow:active{transform:scale(.92)}.nav-arrow:hover{border-color:var(--accent-2)}.swipe-area{touch-action:pan-y}.lessons{display:flex;flex-direction:column;gap:10px}.lesson-card{--i:0;display:flex;align-items:center;gap:14px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;border-left:4px solid var(--accent-2);animation:.4s backwards slideIn;animation-delay:calc(var(--i) * 150ms);transition:background .3s,border-color .3s,box-shadow .2s}.lesson-card:nth-child(2n){border-left-color:var(--accent)}.lesson-card:nth-child(3n){border-left-color:var(--accent-3)}.lesson-card.lesson-empty{opacity:.5;border-left-color:var(--border)}[data-theme=colorful] .lesson-card[data-subject-color]{background:var(--subject-background);border-color:var(--subject-accent);color:var(--subject-accent)}[data-theme=colorful] [data-subject-color] .lesson-room,[data-theme=colorful] [data-subject-color] .lesson-subject,[data-theme=colorful] [data-subject-color] .period-time,[data-theme=colorful] [data-subject-color] .wt-room,[data-theme=colorful] [data-subject-color] .wt-subject{color:var(--subject-accent)}.lesson-card.lesson-now{position:relative;z-index:1;margin-block:4px;border-color:var(--accent-3);border-left-width:8px;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-3) 24%,var(--surface)),color-mix(in srgb,var(--accent-3) 8%,var(--surface)));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-3) 85%,transparent),0 10px 28px color-mix(in srgb,var(--accent-3) 30%,transparent)}.lesson-card.lesson-now .lesson-subject{color:var(--accent-3);font-size:1.12rem;font-weight:900}.lesson-card.lesson-now .period-nr{color:var(--accent-3)}.lesson-card.lesson-now .lesson-room{font-weight:800}.lesson-card.lesson-now::after{content:"ACUM";position:absolute;top:-12px;right:14px;background:var(--accent-3);color:#111827;font-size:.68rem;font-weight:900;letter-spacing:.06em;padding:4px 10px;border-radius:999px;box-shadow:0 3px 10px rgba(0,0,0,.3);white-space:nowrap}[data-theme=colorful] .lesson-card[data-subject-color].lesson-now{background:var(--subject-background);border-color:var(--accent-3);border-left-color:var(--accent-3)}[data-theme=colorful] .lesson-card[data-subject-color].lesson-now .lesson-subject,[data-theme=colorful] .lesson-card[data-subject-color].lesson-now .period-nr{color:var(--subject-accent)}@keyframes slideIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.lesson-period{flex:0 0 84px;display:flex;flex-direction:column;gap:2px}.period-nr{font-weight:800;font-size:.9rem}.period-time{font-size:.72rem;color:var(--text-dim);white-space:nowrap}.lesson-info{display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-width:0}.lesson-room,.lesson-subject,.wt-room,.wt-subject{position:relative;max-width:100%}.lesson-subject{font-weight:700;font-size:.98rem;line-height:1.25}.editable-value{cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;border-radius:4px}.editable-value::after{content:"";position:absolute;right:0;bottom:-3px;left:0;height:2px;border-radius:999px;background:currentColor;opacity:.85;transform:scaleX(0);transform-origin:left}.editable-value.long-pressing::after{animation:2s linear forwards longPressFill}@keyframes longPressFill{to{transform:scaleX(1)}}.lesson-free{color:var(--text-dim);font-style:italic;font-weight:500}.lesson-room{font-size:.8rem;color:var(--text-dim)}.week-view{min-width:0;width:100%}.week-scroll{max-width:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}.week-table{width:100%;min-width:720px;table-layout:fixed;border-collapse:separate;border-spacing:0 8px}.week-table td,.week-table th{text-align:left;padding:10px 12px;font-size:.85rem;vertical-align:top}.week-table thead th{color:var(--text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700;padding-bottom:4px}.week-table tbody th{background:var(--surface-2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);border-left:1px solid var(--border);border-radius:12px 0 0 12px;white-space:nowrap}.week-table tbody th,.week-table thead th:first-child{position:sticky;left:0;width:92px;min-width:92px;max-width:92px;z-index:2;box-shadow:5px 0 8px -7px rgba(0,0,0,.8)}.week-table thead th:first-child{background:var(--surface-2);border-radius:8px;z-index:3}.wt-nr{display:block;font-weight:800;color:var(--text)}.wt-time{display:block;font-size:.68rem;color:var(--text-dim);font-weight:400}.week-table tbody td{background:var(--surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}[data-theme=colorful] .week-table tbody td[data-subject-color]{background:var(--subject-background);border-color:var(--subject-accent);color:var(--subject-accent);box-shadow:inset 4px 0 var(--subject-accent)}.week-table tbody tr{--i:0;animation:.4s backwards slideIn;animation-delay:calc(var(--i) * 150ms)}.week-table td.wt-today-col,.week-table th.wt-today-col{background:linear-gradient(135deg,rgba(124,158,255,.12),rgba(110,231,183,.08))}.week-table th.wt-today-col{color:var(--accent-2)}.week-table td.wt-now{position:relative;z-index:1;background:linear-gradient(135deg,color-mix(in srgb,var(--accent-3) 24%,var(--surface)),color-mix(in srgb,var(--accent-3) 8%,var(--surface)));outline:3px solid var(--accent-3);outline-offset:-3px;border-radius:10px;box-shadow:inset 0 0 22px color-mix(in srgb,var(--accent-3) 16%,transparent),0 0 16px color-mix(in srgb,var(--accent-3) 28%,transparent)}.week-table td.wt-now .wt-subject{color:var(--accent-3);font-size:.9rem;font-weight:900}.week-table td.wt-now .wt-room{font-weight:800}[data-theme=colorful] .week-table tbody td[data-subject-color].wt-now{background:var(--subject-background);outline-color:var(--accent-3)}[data-theme=colorful] .week-table tbody td[data-subject-color].wt-now .wt-subject{color:var(--subject-accent)}.week-table tbody td:last-child{border-radius:0 12px 12px 0;border-right:1px solid var(--border)}.wt-room,.wt-subject{width:fit-content;overflow-wrap:anywhere}.wt-subject{display:block;font-weight:700;line-height:1.3}.wt-room{display:block;font-size:.72rem;color:var(--text-dim);margin-top:2px}.wt-free{color:var(--text-dim);font-weight:400;font-style:italic}.wt-empty{opacity:.5}.value-editor{width:min(420px,calc(100% - 32px));padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);box-shadow:0 24px 70px rgba(0,0,0,.55)}.value-editor::backdrop{background:rgba(5,7,12,.72);backdrop-filter:blur(3px)}.value-editor-form{display:flex;flex-direction:column;gap:12px;padding:22px}.value-editor-title{margin:0;font-size:1.2rem}.value-editor-context{margin:-5px 0 3px;color:var(--text-dim);font-size:.82rem;overflow-wrap:anywhere}.value-editor-label{color:var(--text-dim);font-size:.78rem;font-weight:700}.value-editor-input{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 12px;background:var(--surface-2);color:var(--text);outline:0;-webkit-user-select:text;user-select:text}.value-editor-input:focus{border-color:var(--accent-2);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent-2) 30%,transparent)}.value-editor-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:4px}.value-editor-actions button{border:1px solid var(--border);border-radius:999px;padding:8px 13px;background:var(--surface-2);color:var(--text);font-size:.8rem;font-weight:700;cursor:pointer}.value-editor-actions button:hover{border-color:var(--accent-2)}.value-editor-reset{margin-right:auto}.value-editor-actions .value-editor-save{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}@media (max-width:480px){.title-logo{top:-.8rem}.toggle-btn{padding-inline:12px}.subject-display-label{display:none}}@media (max-width:260px){.title-logo{top:-1.55rem}}@media (min-width:640px){.title{font-size:1.9rem}.lesson-card{padding:16px 20px}}@media (prefers-reduced-motion:reduce){.lesson-card,.week-table tbody tr{animation:none}.day-period-type{animation:none;color:var(--period-green)}.editable-value.long-pressing::after{animation:none;transform:scaleX(1)}}