:root{--bg:#0b0d11;--panel:rgba(23,26,32,.7);--line:rgba(255,255,255,.1);--muted:#8f929b;--text:#f5f2ed;--orange:#ff693d;--mono:'DM Mono',monospace;--sans:'Manrope',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);min-height:100vh}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 72% 12%,rgba(112,51,34,.16),transparent 35%),radial-gradient(ellipse at 0% 60%,rgba(37,69,75,.13),transparent 38%),linear-gradient(180deg,#0d0f13,#090a0d)}button{font:inherit;color:inherit;cursor:pointer}.topbar{height:76px;max-width:1440px;margin:auto;padding:0 6vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.07)}.brand{text-decoration:none;color:inherit;display:flex;align-items:center;gap:13px}.brand-mark{font-size:15px;letter-spacing:-1px;font-weight:800;background:linear-gradient(145deg,#ffca88,#f26e47);color:#21130e;padding:8px 9px;border-radius:8px;box-shadow:0 5px 22px #fa704533}.brand-caption,.draft-label{font:10px var(--mono);letter-spacing:1.2px;color:#a7a7a9}.brand-caption i{font-style:normal;color:var(--orange);padding:0 4px}.top-right{display:flex;align-items:center;gap:10px}.live-dot,.status-dot{height:7px;width:7px;border-radius:50%;background:#f18a65;box-shadow:0 0 12px #f18a65}.avatar{margin-left:13px;width:35px;height:35px;border-radius:50%;border:1px solid #ffffff32;background:#ffffff0c;font-weight:700}.hero{max-width:1320px;margin:0 auto;padding:80px 6vw 74px;min-height:510px;display:grid;grid-template-columns:1fr .78fr;align-items:center;gap:6vw}.eyebrow,.section-kicker{display:flex;align-items:center;gap:12px;color:#ff956d;font:10px var(--mono);letter-spacing:1.55px}.eyebrow-line{display:inline-block;width:40px;height:1px;background:#ff956d66}.hero h1{font-size:clamp(62px,8vw,112px);line-height:.93;letter-spacing:-7px;margin:29px 0 24px;font-weight:700}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#ff855d;letter-spacing:-6px}.hero-desc{color:#b2b0b0;line-height:1.8;font-size:14px}.hero-foot{margin-top:37px;display:flex;gap:17px;align-items:center;flex-wrap:wrap}.date-pill,.schedule-status{font:9px var(--mono);letter-spacing:.7px}.date-pill{background:#ffffff0b;border:1px solid #ffffff17;padding:11px 13px;border-radius:4px}.date-pill b{color:var(--orange);padding:0 3px}.schedule-status{color:#ad9a8e;display:flex;gap:8px;align-items:center}.status-dot{height:5px;width:5px;background:#ffa56b}.hero-art{height:390px;position:relative;border-radius:9px;overflow:hidden;border:1px solid #ffffff20;transform:rotate(1.6deg);box-shadow:0 35px 90px #0009;background:#161719}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 27%;filter:saturate(.82) brightness(.65)}.art-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#0b0c0ddc,transparent 65%),linear-gradient(90deg,#0c0c0d22,transparent)}.art-caption{position:absolute;bottom:25px;left:25px;font:9px var(--mono);letter-spacing:1.7px;color:#e8c6a1;line-height:1.8}.art-caption b{font-weight:500;color:white}.planner{max-width:1320px;margin:0 auto;padding:0 6vw 30px}.planner-head{display:flex;align-items:end;justify-content:space-between;padding:24px 0 23px;border-top:1px solid #ffffff20}.title-row{display:flex;align-items:center;gap:18px;margin-top:8px}.planner h2{font-size:31px;letter-spacing:-1.2px;margin:0}.saved{font:9px var(--mono);letter-spacing:.5px;color:#9a9a9d;display:flex;gap:7px;align-items:center}.saved span{width:5px;height:5px;background:#79b99a;border-radius:50%;box-shadow:0 0 8px #79b99a}.head-actions{display:flex;gap:9px}.quiet-btn,.primary-btn{font:9px var(--mono);letter-spacing:.8px;padding:12px 15px;border-radius:4px}.quiet-btn{background:transparent;border:1px solid var(--line);color:#b7b5b2}.primary-btn{background:#f47750;color:#160d0a;border:1px solid #ff9a70;font-weight:500;box-shadow:0 5px 24px #f4775025}.primary-btn span{padding-left:12px;font-size:13px}.people-bar{display:flex;align-items:center;gap:14px;padding:14px 0;border-bottom:1px solid #ffffff16}.people-label,.viewing-label{font:9px var(--mono);letter-spacing:1px;color:#85858b}.people{display:flex;gap:7px}.person-tab{background:#ffffff08;border:1px solid #ffffff17;padding:8px 13px;border-radius:4px;color:#b9b8b7;font-size:11px;transition:.2s}.person-tab.active{background:#f477501c;border-color:#f4775080;color:#ffad8e}.viewing-label{margin-left:auto}.key{display:flex;align-items:center;gap:23px;padding:17px 0;font:9px var(--mono);letter-spacing:.6px;color:#aaa}.key span{display:flex;align-items:center;gap:8px}.key-swatch{height:8px;width:8px;border-radius:50%;background:#fff}.key-swatch.must{background:#ff704b;box-shadow:0 0 9px #ff704b}.key-swatch.like{background:#e5bd75}.key-swatch.maybe{background:#81858d}.key-hint{margin-left:auto!important;color:#6f7077}.timeline-wrap{overflow:auto;border:1px solid #ffffff14;border-radius:7px;background:rgba(12,14,18,.55);backdrop-filter:blur(20px);scrollbar-color:#464348 transparent}.timeline{min-width:940px;display:grid;grid-template-columns:64px repeat(4,minmax(190px,1fr))}.time-head,.stage-head{height:60px;border-bottom:1px solid #ffffff18;display:flex;align-items:center;position:sticky;top:0;z-index:2;background:rgba(25,27,32,.9);backdrop-filter:blur(15px)}.time-head{justify-content:center;font:8px var(--mono);color:#787a82;letter-spacing:1px}.stage-head{padding:0 16px;gap:10px;font-size:11px;font-weight:700;letter-spacing:.7px}.stage-head:not(:last-child){border-right:1px solid #ffffff14}.stage-glyph{width:7px;height:7px;border-radius:50%;background:#47b8d1;box-shadow:0 0 10px currentColor}.stage-head.gold .stage-glyph{background:#e2b15e}.stage-head.diablo .stage-glyph{background:#e76b56}.stage-head.spiral .stage-glyph{background:#b490db}.stage-head small{font:8px var(--mono);color:#777982;margin-left:auto;letter-spacing:.5px}.time-cell{min-height:65px;border-bottom:1px solid #ffffff0b;display:flex;justify-content:center;padding-top:13px;font:9px var(--mono);color:#777a82}.stage-cell{min-height:65px;border-bottom:1px solid #ffffff0b;border-right:1px solid #ffffff0c;padding:6px 7px}.band{width:100%;min-height:50px;text-align:left;background:#ffffff05;border:1px solid transparent;border-radius:4px;padding:7px 9px;position:relative;transition:background .16s,border .16s,transform .16s}.band:hover{background:#ffffff0c;border-color:#ffffff24;transform:translateY(-1px)}.band.selected-must{background:linear-gradient(100deg,#e75e3d25,#e75e3d09);border-color:#f0714b75}.band.selected-love{background:#d6b16714;border-color:#d6b16761}.band.selected-maybe{background:#a6aab012;border-color:#a6aab04d}.band-top{display:flex;justify-content:space-between;align-items:center;gap:3px}.band-name{font-size:10px;font-weight:700;line-height:1.3}.band-time{font:8px var(--mono);color:#85858e;white-space:nowrap}.band-meta{margin-top:5px;display:flex;align-items:center;justify-content:space-between;font:7px var(--mono);color:#777982;letter-spacing:.3px}.priority-tag{color:#ff926e}.selected-love .priority-tag{color:#e7c37c}.selected-maybe .priority-tag{color:#abb0b8}.band-empty{min-height:50px;display:flex;align-items:center;padding-left:9px;color:#3e4148;font:8px var(--mono)}.planner-foot{display:flex;justify-content:space-between;padding:12px 2px;color:#74767c;font:8px var(--mono);letter-spacing:.4px}.bottom-note{margin:62px auto 52px;max-width:1320px;width:88%;padding:24px 25px;border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff1a;display:flex;align-items:center;gap:17px;color:#aaa}.note-star{font-size:23px;color:#fb8158}.bottom-note p{font-size:11px;line-height:1.7;margin:0}.bottom-note b{color:#e8e3dd}.note-coords{margin-left:auto;text-align:right;font:9px/1.7 var(--mono);letter-spacing:.7px;color:#74767c}footer{max-width:1320px;margin:auto;padding:0 6vw 25px;display:flex;justify-content:space-between;color:#5e6066;font:8px var(--mono);letter-spacing:.8px}footer i{font-style:normal;color:#83858a}.modal-backdrop{position:fixed;inset:0;z-index:5;background:#050609ba;backdrop-filter:blur(15px);display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;visibility:hidden;transition:.25s}.modal-backdrop.open{opacity:1;visibility:visible}.login-card{position:relative;width:min(440px,100%);border:1px solid #ffffff22;border-radius:12px;background:linear-gradient(145deg,#24262bdd,#111318f2);padding:34px 36px 24px;box-shadow:0 25px 90px #000b}.close{position:absolute;right:18px;top:14px;border:0;background:transparent;color:#888;font-size:25px}.modal-mark{width:38px;height:38px;display:grid;place-items:center;background:linear-gradient(145deg,#ffca88,#f26e47);color:#23140e;border-radius:8px;font-weight:800;font-size:11px;margin-bottom:24px}.login-card h2{font-size:29px;letter-spacing:-1px;line-height:1.12;margin:11px 0}.login-card>p{color:#999ba1;font-size:11px;margin:0 0 19px}.name-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.name-choice{padding:10px;border-radius:4px;border:1px solid #ffffff1c;background:#ffffff06;color:#c8c6c3;text-align:left;font-size:11px}.name-choice.selected{border-color:#f47750a3;background:#f4775019;color:#ffad8e}.password-label{display:block;margin:19px 0 7px;color:#999ba1;font:8px var(--mono);letter-spacing:1px}.password-wrap{display:flex;border:1px solid #ffffff24;border-radius:4px;overflow:hidden}.password-wrap input{min-width:0;flex:1;background:#08090c80;border:0;padding:12px;color:white;font:11px var(--sans);outline:none}.password-wrap button{background:#ffffff08;border:0;padding:0 12px;color:#85858c;font:8px var(--mono)}.login-error{height:17px;color:#ff886b;font-size:9px;padding-top:5px}.enter-btn{width:100%;text-align:left;display:flex;justify-content:space-between}.enter-btn span{padding:0}.modal-foot{text-align:center;margin-top:17px;color:#6f7178;font:8px var(--mono);letter-spacing:.3px}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#e9e4dd;color:#171411;padding:12px 17px;border-radius:5px;font:10px var(--mono);z-index:8;opacity:0;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:760px){.topbar{height:62px;padding:0 5vw}.draft-label{font-size:8px}.hero{padding:54px 6vw 48px;grid-template-columns:1fr;gap:32px}.hero h1{font-size:76px;letter-spacing:-5px;margin:22px 0}.hero-art{height:270px;transform:rotate(.6deg);max-width:540px;width:100%;justify-self:center}.hero-foot{gap:11px}.planner{padding:0 5vw 24px}.planner-head{align-items:start;gap:18px;flex-direction:column}.planner h2{font-size:27px}.head-actions{width:100%}.head-actions button{flex:1}.people-bar{flex-wrap:wrap}.viewing-label{width:100%;margin:3px 0 0 0}.key{gap:12px;flex-wrap:wrap}.key-hint{width:100%;margin:2px 0 0!important}.timeline{grid-template-columns:52px repeat(4,minmax(175px,1fr));min-width:752px}.stage-head{padding:0 10px;font-size:9px}.stage-head small{font-size:7px}.planner-foot{gap:12px;line-height:1.6}.planner-foot span:last-child{text-align:right;min-width:120px}.bottom-note{margin:40px auto 37px;width:90%}footer{padding:0 5vw 20px;font-size:7px}.login-card{padding:29px 24px 22px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Heavy metal art direction: ember glow, steel edges, and high contrast type. */
:root{--orange:#fa603e}.ambient{background:radial-gradient(ellipse at 68% 4%,rgba(145,44,35,.23),transparent 34%),radial-gradient(ellipse at 10% 70%,rgba(54,70,78,.18),transparent 40%),linear-gradient(180deg,#0c0d10,#08090c)}
.brand-mark,.modal-mark{border-radius:3px;background:linear-gradient(145deg,#f5c184,#e75a39);box-shadow:0 4px 24px #ff543f44}.hero h1{ text-shadow:0 5px 32px #000 }.hero h1 em{color:#ff7552;text-shadow:0 0 35px #f04d3433}.hero-art{border-radius:4px;border-color:#c2a99544;box-shadow:0 30px 80px #000b,0 0 0 4px #ffffff05}.hero-art:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(135deg,#ffffff15,transparent 22%,transparent 75%,#e9714c20);border:1px solid #ffffff12}.planner-head{border-top-color:#a99a8833}.person-tab,.quiet-btn,.map-btn,.primary-btn{border-radius:3px}.person-tab.active{box-shadow:inset 0 -2px #f57955}.person-tab.owner:not(.active){border-color:#ffffff38}.map-btn{font:9px var(--mono);letter-spacing:.7px;padding:12px 14px;background:linear-gradient(145deg,#252326,#17171b);border:1px solid #7a666366;color:#e1d1c6}.map-btn:hover,.quiet-btn:hover{border-color:#e184676b;background:#ffffff0b}.primary-btn{background:linear-gradient(140deg,#ff9464,#eb5e3d);border-color:#ffa077;color:#1b0f0b;box-shadow:0 5px 26px #f477502a}.key-swatch.must{background:#53d68a;box-shadow:0 0 10px #53d68a88}.key-swatch.like{background:#f0cc4f;box-shadow:0 0 8px #f0cc4f55}.key-swatch.maybe{background:#f06464;box-shadow:0 0 8px #f0646455}.band.selected-must{background:linear-gradient(100deg,#42c97828,#42c9780b);border-color:#53d68a9c;box-shadow:inset 3px 0 #53d68a}.band.selected-love{background:linear-gradient(100deg,#e1bd392b,#e1bd3909);border-color:#f0cc4f99;box-shadow:inset 3px 0 #f0cc4f}.band.selected-maybe{background:linear-gradient(100deg,#ed5e5e28,#ed5e5e09);border-color:#f0646499;box-shadow:inset 3px 0 #f06464}.selected-must .priority-tag{color:#70e09b}.selected-love .priority-tag{color:#f4d866}.selected-maybe .priority-tag{color:#ff8181}.selected-must .band-name{color:#e9fff0}.selected-love .band-name{color:#fff9db}.selected-maybe .band-name{color:#fff0ee}
.timeline-wrap{border-radius:4px;border-color:#b7a28c25;background:rgba(14,15,18,.72);box-shadow:0 16px 50px #0005}.stage-head{height:66px;font-size:12px;border-bottom-color:#bd9c7934}.time-head{height:66px}.time-cell{min-height:76px;font-size:10px;padding-top:15px}.stage-cell{min-height:76px;padding:7px}.band{min-height:60px;border-radius:3px;padding:8px 9px;background:linear-gradient(130deg,#ffffff09,#ffffff03);border-color:#ffffff09}.band-name{font-size:12px;line-height:1.35;letter-spacing:-.15px}.band-time{font-size:9px}.band-meta{font-size:8px;gap:3px}.band-empty{min-height:60px}.band.read-only{cursor:default}.band.read-only:hover{transform:none;background:linear-gradient(130deg,#ffffff09,#ffffff03);border-color:#ffffff09}.stage-glyph{box-shadow:0 0 9px currentColor}.stage-head.blue .stage-glyph{background:#52bbd2;color:#52bbd2}.stage-head.gold .stage-glyph{background:#e2b15e;color:#e2b15e}.stage-head.diablo .stage-glyph{background:#e76b56;color:#e76b56}.stage-head.spiral .stage-glyph{background:#b490db;color:#b490db}.saved span{background:#70d994;box-shadow:0 0 8px #70d994}.clear-btn:disabled,.head-actions button:disabled{opacity:.35;cursor:not-allowed}.people-bar{border-color:#ffffff20}.viewing-label{color:#aaa3a0}.map-backdrop{position:fixed;inset:0;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;padding:55px 24px 25px;background:#050609ed;backdrop-filter:blur(20px);opacity:0;visibility:hidden;transition:opacity .22s,visibility .22s;overflow:auto;touch-action:pan-x pan-y pinch-zoom}.map-backdrop.open{opacity:1;visibility:visible}.map-backdrop img{display:block;width:auto;height:auto;max-width:min(92vw,1250px);max-height:82vh;object-fit:contain;border:1px solid #a28e793d;box-shadow:0 20px 90px #000b;touch-action:pinch-zoom}.map-title{font:11px var(--mono);letter-spacing:2px;color:#f1e8df}.map-title span{margin-left:9px;color:#e28b68;font-size:9px}.map-tip{font:8px var(--mono);letter-spacing:1px;color:#85858d}.map-close{position:fixed;top:18px;right:25px;z-index:1;border:1px solid #ffffff30;border-radius:50%;width:40px;height:40px;background:#ffffff12;font-size:26px;color:#f4eee8}.map-close:hover{background:#ffffff25}
@media(max-width:760px){.head-actions{flex-wrap:wrap}.head-actions button{flex:1 0 auto}.map-btn{order:3;width:100%}.band{min-height:66px;padding:8px}.band-name{font-size:12px}.band-meta{font-size:8px}.timeline{grid-template-columns:56px repeat(4,minmax(190px,1fr));min-width:816px}.time-cell,.stage-cell{min-height:82px}.band-empty{min-height:66px}.map-backdrop{padding:62px 10px 20px}.map-backdrop img{max-width:96vw;max-height:82vh}.map-title{font-size:9px}.map-title span{font-size:8px}.map-close{right:13px;top:12px}}

.theme-toggle{display:flex;align-items:center;gap:6px;border:1px solid #ffffff20;border-radius:3px;background:#ffffff08;padding:8px 9px;color:#d2cbc4;font:8px var(--mono);letter-spacing:.7px}.theme-icon{font-size:13px;line-height:1}.theme-toggle:hover{border-color:#e184676b;background:#ffffff12}
body.light-mode{--bg:#eee9e2;--text:#211d1a;--line:rgba(33,29,26,.16);color:var(--text);background:linear-gradient(145deg,#f5f1eb,#e6ded5 60%,#efe8df)}body.light-mode .ambient{background:radial-gradient(ellipse at 70% 5%,#eac2aa88,transparent 37%),radial-gradient(ellipse at 5% 60%,#cad8d688,transparent 42%),linear-gradient(180deg,#f6f1ea,#eae3da)}body.light-mode .topbar{border-color:#4a3c3021}body.light-mode .brand-caption,body.light-mode .draft-label{color:#746a61}body.light-mode .theme-toggle{color:#5c4e43;border-color:#51433635;background:#ffffff70}body.light-mode .avatar{color:#31251e;border-color:#5a493b55;background:#ffffff70}body.light-mode .hero h1{color:#211d1a;text-shadow:0 5px 32px #9b735d22}body.light-mode .hero h1 em{color:#b43f27}body.light-mode .hero-desc{color:#60574f}body.light-mode .date-pill{color:#46382e;background:#ffffff81;border-color:#68534236}body.light-mode .schedule-status{color:#795741}body.light-mode .planner-head{border-color:#493a2d4a}body.light-mode .section-kicker,body.light-mode .eyebrow{color:#a8452b}body.light-mode .planner h2{color:#211d1a}body.light-mode .saved,body.light-mode .people-label,body.light-mode .viewing-label{color:#71675e}body.light-mode .quiet-btn,body.light-mode .map-btn{color:#51443a;border-color:#66503d50;background:#ffffff74}body.light-mode .person-tab{color:#554b43;background:#ffffff81;border-color:#5d4e402a}body.light-mode .person-tab.active{color:#963d27;background:#d95a361a;border-color:#b84c306e}body.light-mode .person-tab.owner:not(.active){border-color:#8d6e574f}body.light-mode .key{color:#645a51}body.light-mode .key-hint{color:#777069}body.light-mode .timeline-wrap{background:#faf8f4d9;border-color:#66503d35;box-shadow:0 16px 40px #715b4620}body.light-mode .time-head,body.light-mode .stage-head{background:#eee8e0ed;border-color:#58483728;color:#39312a}body.light-mode .time-head,body.light-mode .time-cell{color:#72685f}body.light-mode .time-cell,body.light-mode .stage-cell{border-color:#6d59451d}body.light-mode .stage-head small{color:#7f746b}body.light-mode .band{background:linear-gradient(130deg,#ffffffb8,#f3eee8a8);border-color:#6d59451b;color:#29231e}body.light-mode .band:hover{background:#ffffff;border-color:#b49a806e}body.light-mode .band-time,body.light-mode .band-meta{color:#766a60}body.light-mode .band-empty{color:#c5b9ad}body.light-mode .band.selected-must{background:linear-gradient(100deg,#42c9782b,#42c9780e);border-color:#259c5a99}body.light-mode .band.selected-love{background:linear-gradient(100deg,#e1bd3940,#e1bd3912);border-color:#b99a1f9e}body.light-mode .band.selected-maybe{background:linear-gradient(100deg,#ed5e5e35,#ed5e5e10);border-color:#d84e4e9c}body.light-mode .selected-must .band-name{color:#173f2a}body.light-mode .selected-love .band-name{color:#483c12}body.light-mode .selected-maybe .band-name{color:#4b2020}body.light-mode .selected-must .priority-tag{color:#18773e}body.light-mode .selected-love .priority-tag{color:#806508}body.light-mode .selected-maybe .priority-tag{color:#a22f2f}body.light-mode .planner-foot,body.light-mode footer{color:#786f66}body.light-mode .bottom-note{color:#645950;border-color:#5543332c}body.light-mode .bottom-note b{color:#342b24}body.light-mode .note-coords{color:#776e67}body.light-mode .login-card{background:linear-gradient(145deg,#f7f2ebf5,#e8dfd5f7);border-color:#55433440;box-shadow:0 25px 90px #47372a40;color:#251f1a}body.light-mode .login-card h2{color:#251f1a}body.light-mode .login-card>p,body.light-mode .password-label,body.light-mode .modal-foot{color:#71675e}body.light-mode .name-choice{color:#554b43;background:#ffffff80;border-color:#55433430}body.light-mode .name-choice.selected{color:#973f29;border-color:#b84c3080;background:#df68451b}body.light-mode .password-wrap{border-color:#55433444}body.light-mode .password-wrap input{color:#241d18;background:#ffffffad}body.light-mode .password-wrap button{color:#62564b;background:#d8cfc5}body.light-mode .map-backdrop{background:#f3ede5f2}body.light-mode .map-title{color:#2b221c}body.light-mode .map-title span,body.light-mode .map-tip{color:#78665a}body.light-mode .map-close{color:#382a21;border-color:#4f3f3255;background:#ffffffad}body.light-mode .toast{background:#28211c;color:#f5eee7}
@media(max-width:760px){.top-right{gap:6px}.theme-toggle{padding:7px;gap:4px}.draft-label{display:none}}
.confirm-backdrop{position:fixed;inset:0;z-index:9;display:flex;align-items:center;justify-content:center;padding:20px;background:#050609ba;backdrop-filter:blur(14px);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}.confirm-backdrop.open{opacity:1;visibility:visible}.confirm-card{position:relative;width:min(410px,100%);padding:30px;border:1px solid #ffffff26;border-radius:6px;background:linear-gradient(145deg,#252529f5,#111216f7);box-shadow:0 24px 90px #000b}.confirm-icon{height:34px;width:34px;display:grid;place-items:center;margin-bottom:18px;border:1px solid #f064646b;border-radius:50%;color:#ff7e7e;background:#f0646415;font:700 17px var(--mono)}.confirm-card h2{margin:9px 0;font-size:26px;letter-spacing:-.8px}.confirm-card p{margin:0;color:#aaa5a1;font-size:12px;line-height:1.7}.confirm-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.danger-btn{padding:12px 15px;border:1px solid #f06464a8;border-radius:3px;background:linear-gradient(140deg,#e75f5f,#b9373e);color:#fff7f3;font:9px var(--mono);letter-spacing:.7px}.danger-btn:hover{filter:brightness(1.12)}body.light-mode .confirm-backdrop{background:#48392c70}body.light-mode .confirm-card{background:linear-gradient(145deg,#faf6f0,#ebe2d8);border-color:#66513f45;box-shadow:0 24px 90px #47372a45}body.light-mode .confirm-card h2{color:#251f1a}body.light-mode .confirm-card p{color:#71675e}@media(max-width:760px){.confirm-card{padding:26px 22px}.confirm-actions{flex-direction:column-reverse}.confirm-actions button{width:100%}}
.event-info{max-width:1320px;margin:-14px auto 65px;padding:0 6vw;display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.info-card{position:relative;overflow:hidden;border:1px solid #ffffff1b;border-radius:4px;background:linear-gradient(135deg,#1a1b20cc,#111216bb);backdrop-filter:blur(18px);padding:22px 24px;box-shadow:0 15px 45px #0004}.countdown-card:after{content:"✳";position:absolute;right:25px;top:25px;font-size:100px;line-height:1;color:#ff7a4c0a;pointer-events:none}.countdown-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.countdown-heading h2{margin:0;font-size:22px;letter-spacing:-.8px}.event-time{font:9px var(--mono);letter-spacing:.6px;color:#c5a18b}.event-time i{font-style:normal;color:#fa704e}.countdown{display:flex;align-items:center;gap:12px;margin:20px 0 16px}.countdown>div{display:flex;flex-direction:column;gap:3px;min-width:50px}.countdown b{font:500 30px var(--mono);letter-spacing:-2px;color:#f2e9df}.countdown span{font:8px var(--mono);letter-spacing:.8px;color:#868087}.countdown>i{font:20px var(--mono);font-style:normal;color:#e87550;margin-top:-10px}.countdown-foot{border-top:1px solid #ffffff16;padding-top:12px;display:flex;justify-content:space-between;font:8px var(--mono);letter-spacing:.6px;color:#9d8d81}.countdown-foot span{color:#6e6b70}.weather-card{display:flex;flex-direction:column;justify-content:center}.weather-top{display:flex;align-items:center;justify-content:space-between}.weather-icon{font-size:23px;color:#edbb68;text-shadow:0 0 19px #ffcf7777}.weather-location{font:8px var(--mono);letter-spacing:.8px;color:#9a9290;margin-top:14px}.weather-range{display:flex;align-items:baseline;gap:10px;margin-top:3px}.weather-range strong{font-size:30px;letter-spacing:-1.5px;color:#f2e9df}.weather-range span{font:8px var(--mono);letter-spacing:.6px;color:#89858a}.weather-condition{font-size:10px;color:#c2b8b1;margin-top:4px}.weather-details{display:flex;gap:17px;margin-top:13px;font:8px var(--mono);letter-spacing:.3px;color:#88848a}.weather-details b{display:block;margin-top:5px;color:#e3d7cb;font-size:9px;font-weight:500}.weather-bottom{margin-top:15px;padding-top:11px;border-top:1px solid #ffffff16;display:flex;align-items:center;justify-content:space-between;gap:10px;font:7px var(--mono);letter-spacing:.35px;color:#77747a}.weather-bottom a{color:#f0906b;text-decoration:none}.weather-bottom a:hover{text-decoration:underline}body.light-mode .info-card{background:linear-gradient(135deg,#fffdf9d9,#e6ddd4e8);border-color:#63503d32;box-shadow:0 15px 45px #715b4620}body.light-mode .countdown b,body.light-mode .weather-range strong{color:#2b211a}body.light-mode .event-time{color:#825b43}body.light-mode .countdown span,body.light-mode .weather-range span,body.light-mode .weather-location,body.light-mode .weather-details,body.light-mode .weather-bottom{color:#74685e}body.light-mode .countdown-foot{color:#514338;border-color:#59453127}body.light-mode .countdown-foot span{color:#80746a}body.light-mode .weather-condition{color:#564a41}body.light-mode .weather-details b{color:#44382e}body.light-mode .weather-bottom a{color:#a94329}@media(max-width:760px){.event-info{margin:0 auto 48px;padding:0 5vw;grid-template-columns:1fr;gap:10px}.info-card{padding:19px}.countdown-heading h2{font-size:20px}.countdown{gap:clamp(6px,3vw,12px)}.countdown>div{min-width:clamp(42px,12vw,56px)}.countdown b{font-size:27px}.countdown-foot{font-size:7px}.weather-card{min-height:210px}}
.event-arrived{padding:9px 0;color:#ff9a71;font:10px var(--mono);letter-spacing:1px}.countdown-card{isolation:isolate}
.schedule-summaries{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:22px}.summary-card{min-width:0;border:1px solid #ffffff1a;border-radius:4px;padding:20px;background:linear-gradient(145deg,#1c1d22be,#111216ce);backdrop-filter:blur(15px)}.summary-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-heading h3{margin:7px 0 0;font-size:19px;letter-spacing:-.5px}.summary-count{font:8px var(--mono);letter-spacing:.6px;color:#958a80;border:1px solid #ffffff1c;padding:6px 8px;border-radius:2px;white-space:nowrap}.summary-explainer{color:#928b87;font-size:10px;line-height:1.5;margin:9px 0 7px}.summary-list{list-style:none;padding:0;margin:14px 0 0;max-height:520px;overflow:auto}.summary-item{padding:11px 1px;border-top:1px solid #ffffff12}.summary-item-main{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.summary-set-name{font-size:12px;font-weight:700;line-height:1.4;color:#f1ebe4;overflow-wrap:anywhere}.summary-set-time{font:9px var(--mono);color:#a49a91;white-space:nowrap}.summary-item-meta{display:flex;align-items:center;gap:9px;flex-wrap:wrap;margin-top:5px;font:8px var(--mono);letter-spacing:.3px;color:#817a76}.summary-priority{font-size:8px;letter-spacing:.4px}.summary-priority.must{color:#70e09b}.summary-priority.love{color:#f4d866}.summary-priority.maybe{color:#ff8181}.summary-consensus{margin-left:auto;color:#c5aa8d}.summary-empty{padding:17px 0;color:#89827d;font-size:10px;line-height:1.7;border-top:1px solid #ffffff12}body.light-mode .summary-card{background:linear-gradient(145deg,#fffdf9d9,#e8dfd6e8);border-color:#63503d30}body.light-mode .summary-heading h3,body.light-mode .summary-set-name{color:#2b211a}body.light-mode .summary-count{color:#65584c;border-color:#66513f35}body.light-mode .summary-explainer,body.light-mode .summary-empty{color:#74685e}body.light-mode .summary-item{border-color:#66513f24}body.light-mode .summary-set-time,body.light-mode .summary-item-meta{color:#75695f}body.light-mode .summary-priority.must{color:#18773e}body.light-mode .summary-priority.love{color:#806508}body.light-mode .summary-priority.maybe{color:#a22f2f}body.light-mode .summary-consensus{color:#805b38}@media(max-width:760px){.schedule-summaries{grid-template-columns:1fr;gap:10px;margin-top:17px}.summary-card{padding:17px}.summary-list{max-height:420px}.summary-set-name{font-size:12px}.summary-set-time{font-size:8px}}
.map-open-btn{position:absolute;right:17px;bottom:17px;z-index:2;padding:10px 12px;border:1px solid #ffffff55;border-radius:3px;background:#111216bd;backdrop-filter:blur(12px);color:#f6eee8;font:8px var(--mono);letter-spacing:.8px;box-shadow:0 5px 20px #0007}.map-open-btn span{padding-left:9px;color:#ff9973;font-size:11px}.map-open-btn:hover{background:#262329e8;border-color:#ffb295}.art-caption{z-index:1;pointer-events:none}@media(max-width:760px){.map-open-btn{right:12px;bottom:12px;padding:9px 10px;font-size:7px}}
@media(max-width:760px){.timeline-wrap{overflow:visible}.timeline.mobile-timeline{display:block;min-width:0;width:100%;padding:0 14px 8px}.mobile-timeline-head{display:flex;justify-content:space-between;gap:8px;padding:15px 1px 13px;border-bottom:1px solid #ffffff17;color:#8e8987;font:8px var(--mono);letter-spacing:.55px}.mobile-time-group{display:grid;grid-template-columns:72px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid #ffffff10}.mobile-time-label{position:relative;display:flex;gap:7px;align-items:flex-start;padding-top:8px;color:#b9a99d;font:9px var(--mono);white-space:nowrap}.mobile-time-dot{width:6px;height:6px;flex:none;margin-top:1px;border-radius:50%;background:#f47a54;box-shadow:0 0 9px #f47a5477}.mobile-events{display:grid;gap:7px;min-width:0}.mobile-band{display:flex;flex-direction:column;align-items:stretch;gap:5px;min-width:0;width:100%;padding:10px 11px;text-align:left;border:1px solid #ffffff15;border-radius:3px;background:linear-gradient(130deg,#ffffff09,#ffffff04);color:#f1ebe4}.stage-chip{align-self:flex-start;padding:3px 6px;border:1px solid #ffffff1b;border-radius:2px;color:#a9dce5;background:#52bbd211;font:7px var(--mono);letter-spacing:.4px}.stage-chip.gold{color:#e4c88f;background:#e2b15e12}.stage-chip.diablo{color:#f0a193;background:#e76b5612}.stage-chip.spiral{color:#d1bce8;background:#b490db12}.mobile-band-name{font-size:13px;font-weight:700;line-height:1.35;overflow-wrap:anywhere}.mobile-band-bottom{display:flex;justify-content:space-between;align-items:center;gap:6px;color:#958d88;font:8px var(--mono)}.mobile-band .priority-tag{font-size:8px}.mobile-band.selected-must{background:linear-gradient(100deg,#42c97828,#42c9780b);border-color:#53d68a9c;box-shadow:inset 3px 0 #53d68a}.mobile-band.selected-love{background:linear-gradient(100deg,#e1bd392b,#e1bd3909);border-color:#f0cc4f99;box-shadow:inset 3px 0 #f0cc4f}.mobile-band.selected-maybe{background:linear-gradient(100deg,#ed5e5e28,#ed5e5e09);border-color:#f0646499;box-shadow:inset 3px 0 #f06464}.mobile-band.selected-must .priority-tag{color:#70e09b}.mobile-band.selected-love .priority-tag{color:#f4d866}.mobile-band.selected-maybe .priority-tag{color:#ff8181}.mobile-band.read-only{cursor:default}body.light-mode .mobile-timeline-head{color:#74685e;border-color:#66513f24}body.light-mode .mobile-time-group{border-color:#66513f24}body.light-mode .mobile-time-label{color:#66584d}body.light-mode .mobile-band{background:linear-gradient(130deg,#fffdf9,#f2ece5);border-color:#66513f2d;color:#2b211a}body.light-mode .mobile-band-bottom{color:#75695f}body.light-mode .stage-chip{border-color:#66513f2d}body.light-mode .mobile-band.selected-must .priority-tag{color:#18773e}body.light-mode .mobile-band.selected-love .priority-tag{color:#806508}body.light-mode .mobile-band.selected-maybe .priority-tag{color:#a22f2f}}
.hero-art img{cursor:zoom-in}.hero-art img:focus-visible{outline:2px solid #ff9973;outline-offset:-3px}
.hero-art{cursor:zoom-in}.hero-art .map-open-btn{cursor:pointer}
@media(max-width:760px){.timeline-wrap{overflow:visible}.timeline.mobile-timeline{display:block;min-width:0;width:100%;padding:0 7px 8px}.mobile-timeline-head{display:flex;justify-content:space-between;gap:4px;padding:13px 3px 11px;border-bottom:1px solid #ffffff17;color:#8e8987;font:7px var(--mono);letter-spacing:.35px}.mobile-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;align-items:start}.mobile-stage-column{min-width:0}.mobile-stage-heading{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:3px;min-height:39px;padding:4px 2px;background:rgba(25,27,32,.96);border-bottom:1px solid #ffffff22;color:#e5e0da;font-size:8px;font-weight:700;line-height:1.2;backdrop-filter:blur(12px)}.mobile-stage-heading i{display:block;flex:none;width:5px;height:5px;border-radius:50%;background:#52bbd2}.mobile-stage-heading.gold i{background:#e2b15e}.mobile-stage-heading.diablo i{background:#e76b56}.mobile-stage-heading.spiral i{background:#b490db}.mobile-stage-acts{display:grid;gap:4px;padding:5px 1px}.mobile-band{display:flex;flex-direction:column;align-items:stretch;gap:3px;min-width:0;width:100%;padding:5px 4px;text-align:left;border:1px solid #ffffff14;border-radius:2px;background:linear-gradient(130deg,#ffffff09,#ffffff04);color:#f1ebe4}.mobile-band-time{font:7px var(--mono);color:#aaa099;white-space:nowrap}.mobile-band-name{font-size:8px;font-weight:700;line-height:1.25;overflow-wrap:anywhere;word-break:normal}.mobile-band .priority-tag{min-height:8px;font:6px var(--mono);line-height:1.2;letter-spacing:.1px}.mobile-band.selected-must{background:linear-gradient(100deg,#42c97828,#42c9780b);border-color:#53d68a9c;box-shadow:inset 2px 0 #53d68a}.mobile-band.selected-love{background:linear-gradient(100deg,#e1bd392b,#e1bd3909);border-color:#f0cc4f99;box-shadow:inset 2px 0 #f0cc4f}.mobile-band.selected-maybe{background:linear-gradient(100deg,#ed5e5e28,#ed5e5e09);border-color:#f0646499;box-shadow:inset 2px 0 #f06464}.mobile-band.selected-must .priority-tag{color:#70e09b}.mobile-band.selected-love .priority-tag{color:#f4d866}.mobile-band.selected-maybe .priority-tag{color:#ff8181}.mobile-band.read-only{cursor:default}body.light-mode .mobile-timeline-head{color:#74685e;border-color:#66513f24}body.light-mode .mobile-stage-heading{color:#332a23;background:#eee8e0f5;border-color:#66513f29}body.light-mode .mobile-band{background:linear-gradient(130deg,#fffdf9,#f2ece5);border-color:#66513f2d;color:#2b211a}body.light-mode .mobile-band-time{color:#75695f}body.light-mode .mobile-band.selected-must .priority-tag{color:#18773e}body.light-mode .mobile-band.selected-love .priority-tag{color:#806508}body.light-mode .mobile-band.selected-maybe .priority-tag{color:#a22f2f}}
@media(max-width:360px){.planner{padding-left:3vw;padding-right:3vw}.timeline.mobile-timeline{padding-left:4px;padding-right:4px}.mobile-stage-grid{gap:2px}.mobile-stage-heading{font-size:7px}.mobile-band{padding:4px 3px}.mobile-band-name{font-size:7.5px}}
@media(max-width:760px){.mobile-stage-heading{font-size:8.5px}.mobile-band-time{font-size:7.5px}.mobile-band-name{font-size:9px}.mobile-band .priority-tag{font-size:7px;min-height:9px}}
@media(max-width:360px){.mobile-stage-heading{font-size:7.5px}.mobile-band-name{font-size:8px}}
.saved span#saveStatus{width:auto;height:auto;background:none;border-radius:0;box-shadow:none;white-space:nowrap}
@media(max-width:760px){.mobile-stage-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 3px;align-items:stretch}.mobile-stage-heading{position:sticky;top:0;z-index:2;min-width:0;min-height:40px;padding:4px 2px}.mobile-stage-slot,.mobile-empty-slot{min-width:0;min-height:61px;padding:3px 1px;border-bottom:1px solid #ffffff10}.mobile-stage-slot{display:flex;align-items:stretch}.mobile-empty-slot{background:linear-gradient(180deg,#ffffff02,transparent)}.mobile-stage-slot .mobile-band{height:100%;min-height:55px}.mobile-stage-slot .mobile-band-name{overflow-wrap:anywhere}body.light-mode .mobile-empty-slot{border-color:#66513f1c;background:linear-gradient(180deg,#6a514508,transparent)}}
/* Print schedule controls and conflict markers. */
.summary-heading-actions{display:flex;align-items:center;gap:10px}.print-btn{border:1px solid #ffffff24;border-radius:3px;background:#ffffff08;color:#aaa;padding:6px 9px;font:8px var(--mono);letter-spacing:.7px}.print-btn:hover{border-color:#ff956d88;color:#ffad8e}.conflict-mark{position:relative;z-index:3;display:inline-grid;place-items:center;width:13px;height:13px;margin-left:5px;border:1px solid #e9b97588;border-radius:50%;color:#e9b975;font:8px var(--mono);vertical-align:1px;opacity:.8;cursor:help}.conflict-mark::after{content:attr(data-tooltip);position:absolute;left:50%;bottom:calc(100% + 6px);z-index:9;transform:translate(-50%,3px);padding:5px 7px;border:1px solid #e9b97555;border-radius:3px;background:#18191d;color:#f3e5d0;font:9px var(--mono);letter-spacing:.2px;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .12s,transform .12s}.conflict-mark:hover::after,.conflict-mark:focus-visible::after{opacity:1;visibility:visible;transform:translate(-50%,0)}.mobile-band-time .conflict-mark{margin-left:3px;width:11px;height:11px;font-size:7px}
@media print{@page{size:landscape;margin:10mm}html,body{background:#fff!important;color:#171717!important;min-height:0}body *{visibility:hidden!important}body.print-personal #planner,body.print-personal #planner *,body.print-group .group-summary,body.print-group .group-summary *{visibility:visible!important}body.print-personal #planner{position:absolute;inset:0 auto auto 0;width:100%;max-width:none;margin:0;padding:0}body.print-personal .head-actions,body.print-personal .people-bar,body.print-personal .key,body.print-personal .planner-foot,body.print-personal .schedule-summaries{display:none!important}body.print-personal .planner-head{padding:0 0 8px;border:0}body.print-personal .planner-head .section-kicker{color:#8a3c22!important}body.print-personal .planner h2{color:#171717!important;font-size:22px}body.print-personal .saved{color:#555}body.print-personal .timeline-wrap{overflow:visible;border:0;border-radius:0;background:#fff;box-shadow:none;backdrop-filter:none}body.print-personal .timeline{width:100%;min-width:0;grid-template-columns:42px repeat(4,minmax(0,1fr));background:#fff}body.print-personal .time-head,body.print-personal .stage-head{position:static;height:32px;background:#eee;color:#222;border-color:#ccc;backdrop-filter:none}body.print-personal .stage-head{padding:0 7px;font-size:9px}body.print-personal .stage-head small{color:#555}body.print-personal .time-cell,body.print-personal .stage-cell{min-height:0;padding:3px;border-color:#ddd;color:#555}body.print-personal .time-cell{font-size:8px;padding-top:7px}body.print-personal .band{min-height:38px;padding:4px 5px;border:1px solid #ddd;border-radius:0;background:#fff!important;color:#222;box-shadow:none;transform:none}body.print-personal .band-name{font-size:8px;color:#222}body.print-personal .band-time,body.print-personal .band-meta{font-size:6px;color:#555}body.print-personal .band-meta{margin-top:3px}body.print-personal .band-empty{min-height:30px;color:#aaa}body.print-personal .selected-must{border:2px solid #c65335!important}body.print-personal .selected-love{border:2px solid #ad8428!important}body.print-personal .selected-maybe{border:2px solid #73777d!important}body.print-personal .priority-tag{color:#8a3c22!important}body.print-personal .conflict-mark{visibility:visible!important;color:#8a5b11;border-color:#8a5b11}.mobile-timeline-head{color:#222}.mobile-stage-heading{color:#222;background:#eee}.mobile-band{background:#fff;color:#222;border-color:#ccc}body.print-personal .mobile-timeline{min-width:0;width:100%}body.print-personal .mobile-stage-grid{gap:0 3px}body.print-personal .mobile-stage-heading{position:static;min-height:32px;padding:4px 2px}body.print-personal .mobile-stage-slot,body.print-personal .mobile-empty-slot{min-height:0;padding:2px;border-color:#ddd}body.print-personal .mobile-stage-slot .mobile-band{min-height:38px;height:auto;padding:4px;border:1px solid #ccc;background:#fff!important;color:#222}body.print-personal .mobile-band-time,body.print-personal .mobile-band-name{color:#222;font-size:7px}body.print-personal .mobile-band .priority-tag{font-size:6px}body.print-group .group-summary{position:absolute;inset:0 auto auto 0;width:100%;padding:0;border:0;border-radius:0;background:#fff!important;color:#171717!important;box-shadow:none}body.print-group .summary-list{max-height:none;overflow:visible;margin-top:10px}body.print-group .summary-card h3,body.print-group .summary-set-name{color:#171717!important}body.print-group .section-kicker{color:#8a3c22!important}body.print-group .summary-item{border-color:#ddd}body.print-group .summary-item-meta,body.print-group .summary-set-time{color:#555}body.print-group .print-btn{display:none!important}body.print-group .summary-explainer{color:#555!important}body.print-group .group-summary::after{display:block;margin-top:18px;padding-top:8px;border-top:1px solid #ddd;content:'Sick New World · Fort Worth · October 24, 2026 — Set times and artist placements are placeholders until the official schedule drops.';color:#666;font:9px var(--mono)}}