:root{--bg-wood-dark:#0b0b0b;--bg-wood-highlight:#121212;--birch-base:#f0e6d6;--birch-grain:#e3d6bf;--birch-dark:#d7c8ad;--red:#d3002d;--hole-shadow:#0009;--hole-highlight:#ffffff0f;--slot-h:90px;--measured-slot-h:var(--slot-h);--day-w:1fr;--gap:10px;--gutter-w:64px}@media (max-width:900px){:root{--slot-h:70px;--gap:8px}}@media (max-width:640px){:root{--slot-h:64px;--gap:6px}}.planner-root{color:#eee;background-color:#0000;background-image:linear-gradient(#00000059,#00000059),url(/weekplanner/Black.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;grid-template-rows:5dvh 85dvh 10dvh;height:100dvh;font-family:Barlow Semi Condensed,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;display:grid;position:fixed;inset:0;overflow:hidden}.slot-hole .task{height:100%}.planner-header{box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(#00000040,#00000059);border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:5dvh;padding:8px 16px;display:flex}.planner-header .title{letter-spacing:.4px;font-size:20px;font-weight:300}.planner-header .meta a{color:#bbb;text-decoration:none}.planner-header .meta a:hover{color:#fff}.planner-canvas{scrollbar-gutter:stable both-edges;height:100%;padding:0 16px;position:relative;overflow:auto}.red-line-h,.red-line-v{background:var(--red);z-index:3;opacity:.9;pointer-events:none;position:absolute;box-shadow:0 0 6px #d3002d66}.red-line-h{height:2px;left:var(--gutter-w);right:0}.red-line-v{width:2px;top:0;bottom:0}.time-badge{color:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);white-space:nowrap;pointer-events:none;background:#000000b3;border:1px solid #fff3;border-radius:6px;padding:3px 6px;font-family:Barlow Semi Condensed,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:12px;font-weight:300;position:absolute;left:8px;transform:translateY(-50%)}.grid{gap:var(--gap);height:100%;padding-left:var(--gutter-w);grid-template-rows:5dvh repeat(8,1fr);display:grid;position:relative}@media (max-width:768px){.planner-canvas{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;touch-action:pan-x pan-y;overflow-x:auto}.grid{width:max-content;min-width:960px}.day-row,.slot-row{grid-template-columns:repeat(6,150px)}.task-title{font-size:18px}.task-body{font-size:14px}}@media (max-width:480px){.planner-header{padding:6px 12px}.planner-canvas{-webkit-overflow-scrolling:touch;overflow-x:auto}.grid{width:max-content;min-width:900px}.day-row,.slot-row{grid-template-columns:repeat(6,140px)}.task{padding:0}.task-content{box-sizing:border-box;width:100%;padding:8px 10px}.task-title,.task-body,.task-input{box-sizing:border-box;width:100%}.task-title{font-size:16px}.task-body{font-size:14px}.tray{height:8dvh}.tray .task{height:calc(100% - 10px);margin:5px 0;padding:6px 10px}.grid>.slot-row:nth-child(8){margin-top:16px}}@supports (padding:max(0px)){.planner-header{padding-top:max(8px,env(safe-area-inset-top))}.tray{padding-bottom:max(10px,env(safe-area-inset-bottom))}}.day-row{grid-template-columns:repeat(6,var(--day-w));gap:var(--gap);display:grid}.day-col.day-header{text-align:center;color:#ffffffe6;box-shadow:none;background:#a0a0a04d;border:1px solid #ffffff1f;border-radius:10px;justify-content:center;align-items:center;padding:0;font-weight:300;display:flex}.slot-row{grid-template-columns:repeat(6,var(--day-w));gap:var(--gap);min-height:0;display:grid}.grid>.slot-row:nth-child(8){margin-top:12px}.slot-hole{background:linear-gradient(#00000059,#00000026);border-radius:16px;justify-content:stretch;align-items:stretch;height:100%;transition:box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 10px 16px #000000b3,inset 0 -4px 10px #0009,inset 0 0 0 1px #000000a6,0 1px #ffffff0a}.slot-hole .task{width:100%;height:100%}.slot-hole.slot-over{outline-offset:-6px;outline:2px dashed #d3002dcc}.task{background-color:#0000;background-image:linear-gradient(#ffffff80,#ffffff0d),url(/weekplanner/Birch.png);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:14px;flex:auto;align-items:stretch;width:100%;height:100%;padding:10px 14px 12px;transition:transform .18s,box-shadow .18s,opacity .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffffb3,0 6px 14px #00000059,0 0 0 1px #0000001a}.task.dragging{opacity:.85;transform:scale(1.03);box-shadow:0 10px 24px #00000073}.task:active{transform:scale(1.02)}.task-input{resize:none;color:#2b2b2b;background:0 0;border:none;outline:none;width:100%;height:100%;font-family:Barlow Semi Condensed,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:18px;font-weight:300;line-height:1.2}.task-content{flex-direction:column;gap:6px;width:100%;display:flex}.task-title{color:#1f1f1f;letter-spacing:.2px;background:0 0;border:none;outline:none;width:100%;font-family:Barlow Semi Condensed,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:20px;font-weight:300}.task-body{resize:none;color:#2b2b2b;background:0 0;border:none;outline:none;width:100%;font-family:Barlow Semi Condensed,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;font-size:16px;font-weight:300;line-height:1.2;overflow:hidden}.task-close{color:#1a1a1a;cursor:pointer;background:linear-gradient(#0000001a,#00000040);border:none;border-radius:50%;width:28px;height:28px;font-size:20px;line-height:1;position:absolute;top:4px;right:6px}.task-close:hover{filter:brightness(1.1)}.tray{grid-template-columns:repeat(6,var(--day-w));gap:var(--gap);box-sizing:border-box;background:linear-gradient(#ffffff08,#00000059);border-top:none;align-items:stretch;height:10dvh;padding:0 16px;display:grid}.tray .slot-hole{height:100%;min-height:0}.tray .slot-hole:not(.tray-single){display:none}.tray .task{width:100%;height:calc(100% - 12px);margin:6px 0}.planner-canvas{--grid-top:16px}.grid{--head-h:44px}.red-line-v{left:calc(16px + ((100% - 32px - 5*var(--gap))/6)*3 + var(--gap)*2.5)}.owner-popup-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.owner-popup{text-align:center;background:linear-gradient(#fffffff2,#f0f0f0f2);border-radius:16px;min-width:300px;padding:32px;box-shadow:0 20px 40px #0006}.owner-title{color:#1a1a1a;margin-bottom:24px;font-family:Barlow Semi Condensed,sans-serif;font-size:24px;font-weight:300}.owner-actions{justify-content:center;gap:16px;display:flex}.owner-btn{color:#fff;cursor:pointer;background:#0a1752;border:none;border-radius:8px;min-width:80px;padding:12px 24px;font-family:Barlow Semi Condensed,sans-serif;font-size:18px;font-weight:400;transition:all .15s}.owner-btn:hover{background:#0d1d63;transform:translateY(-1px);box-shadow:0 4px 12px #0a17524d}.owner-switch{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffff1a;border:1px solid #ffffff4d;border-radius:6px;padding:6px 12px;font-family:Barlow Semi Condensed,sans-serif;font-size:14px;font-weight:400;transition:all .15s}.owner-switch:hover{background:#fff3;border-color:#ffffff80}.planner-canvas::-webkit-scrollbar{width:10px;height:10px}.planner-canvas::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:6px}.planner-canvas::-webkit-scrollbar-track{background:0 0}