:root{
  --zp-bg:#02060b;
  --zp-cyan:#07a8ff;
  --zp-cyan2:#36d4ff;
  --zp-soft:#9bdff5;
  --zp-dim:#6e98a8;
  --zp-line:rgba(7,168,255,.15);
  --zp-glass:rgba(2,14,22,.56);
}
*{box-sizing:border-box}
.zone-body{margin:0;min-height:100vh;background:var(--zp-bg);color:#effcff;font-family:"Inter",sans-serif;overflow:hidden}
.zone-bg{position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 0%,rgba(7,168,255,.08),transparent 30%),linear-gradient(135deg,#010205,#020912 58%,#000)}
.zone-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:58px 58px;mask-image:radial-gradient(circle at center,#000,transparent 78%)}
.zone-orb{position:absolute;border-radius:999px;filter:blur(46px);opacity:.18}.zone-orb-one{width:300px;height:300px;background:#00bfff;left:4%;top:7%}.zone-orb-two{width:360px;height:360px;background:#005eff;right:5%;bottom:7%}
.zone-back-btn,.zone-reopen-btn{position:fixed;z-index:50;top:18px;border:1px solid rgba(7,168,255,.24);background:rgba(0,8,14,.7);backdrop-filter:blur(16px);color:#bff2ff;border-radius:999px;padding:11px 16px;font-weight:800;cursor:pointer;transition:.2s}.zone-back-btn{left:18px}.zone-reopen-btn{left:118px}.zone-back-btn:hover,.zone-reopen-btn:hover{transform:translateY(-1px);border-color:rgba(54,212,255,.55);color:#fff}.hidden{display:none!important}
.zone-app{position:relative;z-index:1;display:grid;grid-template-columns:360px minmax(520px,1fr) 360px;height:100vh;overflow:hidden;transition:.55s cubic-bezier(.22,1,.36,1)}
.zone-app.generated{grid-template-columns:0 minmax(680px,1fr) 360px}.zone-app.generated .planner-input-panel{opacity:0;transform:translateX(-32px);pointer-events:none;padding:0;border:0;overflow:hidden}
.planner-input-panel{border-right:1px solid var(--zp-line);background:rgba(0,5,10,.35);backdrop-filter:blur(24px);padding:54px 24px 24px;overflow:auto;transition:.55s cubic-bezier(.22,1,.36,1)}
.planner-brand-block{margin-bottom:28px}.planner-brand-block span,.section-label,.day-hero span,.ai-feed-top span{display:block;color:var(--zp-cyan2);font-size:10px;font-weight:900;letter-spacing:.32em;text-transform:uppercase}.planner-brand-block h1{margin:12px 0 10px;font-size:42px;line-height:.95;font-weight:950;color:#dffaff;text-shadow:0 0 25px rgba(7,168,255,.25)}.planner-brand-block p{color:rgba(205,243,255,.56);line-height:1.55;font-size:13px}
.input-section{padding:18px 0;border-top:1px solid rgba(7,168,255,.1)}.section-label{margin-bottom:14px;color:rgba(54,212,255,.82)}
.input-section label{display:block;color:rgba(225,250,255,.74);font-size:12px;font-weight:800;letter-spacing:.06em;margin-bottom:12px}.input-section input,.input-section select{width:100%;margin-top:7px;background:rgba(0,0,0,.25);border:1px solid rgba(7,168,255,.16);border-radius:14px;color:#eafcff;padding:11px 12px;outline:none;font-family:inherit;font-weight:700}.input-section input:focus,.input-section select:focus{border-color:rgba(54,212,255,.56);box-shadow:0 0 0 3px rgba(7,168,255,.08)}.input-section option{background:#020912;color:#eafcff}.two-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.three-field-grid{display:grid;grid-template-columns:1fr;gap:8px}.meal-mode-row{display:flex;align-items:center;justify-content:space-between;gap:12px;color:rgba(225,250,255,.7);font-size:12px;font-weight:800;margin-bottom:12px}.meal-mode-row select{width:135px;margin:0}.recommend-strip{margin-bottom:13px;padding:12px;border:1px solid rgba(7,168,255,.15);background:rgba(7,168,255,.055);border-radius:16px;color:rgba(225,250,255,.68);font-size:12px;line-height:1.45}.recommend-strip strong{color:#fff}
.zone-slot-control{display:grid;grid-template-columns:1fr 116px;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(7,168,255,.06)}.zone-slot-control strong{display:block;color:#eaffff;font-size:13px}.zone-slot-control span{display:block;margin-top:3px;color:rgba(154,223,245,.55);font-size:11px}.zone-slot-control select{margin:0}
.generate-day-btn{width:100%;margin:12px 0 28px;border:0;border-radius:999px;background:linear-gradient(135deg,#46d7ff,#07a8ff);color:#02070c;font-weight:950;letter-spacing:.08em;padding:15px 16px;cursor:pointer;box-shadow:0 0 35px rgba(7,168,255,.28);transition:.22s}.generate-day-btn:hover{transform:translateY(-2px);box-shadow:0 0 48px rgba(54,212,255,.38)}
.day-center-stage{position:relative;overflow:auto;padding:58px 44px 80px}.day-hero{text-align:center;max-width:760px;margin:0 auto 52px}.day-hero h2{margin:13px 0 16px;font-size:clamp(42px,6vw,82px);font-weight:950;line-height:.86;letter-spacing:.02em}.day-hero p{max-width:640px;margin:0 auto;color:rgba(205,243,255,.54);font-size:16px;line-height:1.7}.empty-timeline-state{min-height:440px;display:grid;place-items:center;text-align:center;color:rgba(205,243,255,.55);border:1px solid rgba(7,168,255,.08);border-radius:42px;background:radial-gradient(circle at center,rgba(7,168,255,.065),transparent 50%)}.empty-timeline-state h3{font-size:28px;color:#dffaff;margin:18px 0 8px}.empty-timeline-state p{max-width:420px;line-height:1.6}.pulse-core{width:72px;height:72px;border-radius:50%;background:rgba(7,168,255,.16);border:1px solid rgba(54,212,255,.32);box-shadow:0 0 60px rgba(7,168,255,.22);animation:pulseCore 2.8s infinite}@keyframes pulseCore{0%,100%{transform:scale(.94);opacity:.66}50%{transform:scale(1.06);opacity:1}}
.timeline-wrap{position:relative;max-width:850px;margin:0 auto}.timeline-axis{position:absolute;left:32px;top:0;bottom:0;width:1px;background:linear-gradient(to bottom,transparent,rgba(54,212,255,.42),transparent)}.timeline-list{display:flex;flex-direction:column;gap:18px}.timeline-row{position:relative;display:grid;grid-template-columns:65px 1fr;gap:20px;align-items:start}.timeline-dot{width:17px;height:17px;border-radius:50%;background:#32d6ff;box-shadow:0 0 26px rgba(54,212,255,.72);margin:28px auto 0;z-index:2}.timeline-card{position:relative;border-radius:32px;border:1px solid rgba(7,168,255,.12);background:rgba(255,255,255,.025);backdrop-filter:blur(18px);padding:24px 28px;overflow:hidden;transition:.25s}.timeline-card:hover{transform:translateX(4px);border-color:rgba(54,212,255,.34)}.timeline-card::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 12% 0%,rgba(54,212,255,.12),transparent 42%)}.timeline-time{color:rgba(54,212,255,.9);font-size:11px;font-weight:950;letter-spacing:.24em;text-transform:uppercase;margin-bottom:12px}.timeline-main{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.timeline-title{font-size:25px;font-weight:950;color:#fff}.timeline-sub{margin-top:8px;color:rgba(205,243,255,.62);font-size:15px;line-height:1.55}.timeline-focus{text-align:right;color:#eaffff;max-width:270px;font-weight:800;line-height:1.5}.timeline-focus span{display:block;color:rgba(54,212,255,.74);font-size:10px;letter-spacing:.25em;text-transform:uppercase;margin-bottom:6px}.card-zoneB{min-height:210px;border-color:rgba(54,212,255,.32);background:linear-gradient(180deg,rgba(7,168,255,.085),rgba(7,168,255,.035));box-shadow:0 0 54px rgba(7,168,255,.13)}.card-zoneC{min-height:135px;background:linear-gradient(180deg,rgba(55,130,255,.06),rgba(55,130,255,.025));border-color:rgba(96,165,250,.18)}.card-zoneD{min-height:72px;border-radius:24px;background:rgba(255,255,255,.028)}.card-zoneE{min-height:48px;border-radius:20px;background:rgba(54,212,255,.026);border-color:rgba(54,212,255,.12)}.card-zoneA{min-height:150px;border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.04)}.card-meal,.card-anchor,.card-buffer{min-height:58px;border-radius:22px;background:rgba(255,255,255,.018);border-color:rgba(255,255,255,.055)}.card-unplaced{border-color:rgba(255,116,116,.35);background:rgba(255,65,65,.06)}
.ai-feed-panel{border-left:1px solid var(--zp-line);background:rgba(0,5,10,.24);backdrop-filter:blur(24px);padding:56px 26px 28px;overflow:auto}.ai-feed-top h3{margin:10px 0 22px;font-size:34px;line-height:1;font-weight:950}.study-total-box{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:30px}.study-total-box div{border:1px solid rgba(7,168,255,.1);background:rgba(7,168,255,.035);border-radius:20px;padding:14px}.study-total-box span{display:block;color:rgba(205,243,255,.52);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}.study-total-box strong{display:block;margin-top:8px;color:#fff;font-size:19px;font-weight:950}.ai-feed-list{display:flex;flex-direction:column;gap:26px}.ai-feed-list article{border-left:1px solid rgba(54,212,255,.23);padding-left:17px}.ai-feed-list span{display:block;color:rgba(54,212,255,.88);font-size:10px;font-weight:950;letter-spacing:.28em;text-transform:uppercase;margin-bottom:10px}.ai-feed-list p{margin:0;color:rgba(235,252,255,.74);font-size:15px;line-height:1.72}

.center-study-meter{margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;max-width:680px;opacity:.84;transition:.28s}
.center-study-meter div{border:1px solid rgba(7,168,255,.13);background:rgba(7,168,255,.035);border-radius:22px;padding:15px 18px;text-align:left;box-shadow:0 0 24px rgba(7,168,255,.04)}
.center-study-meter span{display:block;color:rgba(154,223,245,.62);font-size:10px;font-weight:950;letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px}
.center-study-meter strong{display:block;color:#fff;font-size:22px;font-weight:950;line-height:1.12}
.center-study-meter.meter-active{opacity:1}
.center-study-meter.meter-active div:first-child{border-color:rgba(54,212,255,.34);background:linear-gradient(180deg,rgba(7,168,255,.13),rgba(7,168,255,.04));box-shadow:0 0 42px rgba(7,168,255,.13)}

@media(max-width:1120px){.center-study-meter{grid-template-columns:1fr;max-width:420px}.zone-body{overflow:auto}.zone-app,.zone-app.generated{height:auto;min-height:100vh;display:block}.planner-input-panel{width:auto;max-height:none}.zone-app.generated .planner-input-panel{display:none}.day-center-stage{padding:80px 18px 36px}.ai-feed-panel{border-left:0;border-top:1px solid var(--zp-line)}.timeline-main{display:block}.timeline-focus{text-align:left;margin-top:18px}.zone-reopen-btn{left:auto;right:18px}}