:root{--ink:#282d40;--muted:#747b8f;--accent:#6958cb;--pale:#f5f6fb;--border:#e9eaf3;--warn:#a6544c;--white:#fff;--mint:#e7f5f0;--lilac:#eeeafa}*{box-sizing:border-box}body{margin:0;background:var(--pale);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--ink);padding:12px 18px;border-radius:14px;transition:background .15s,transform .15s;text-align:center;font-weight:550}button:hover{background:#f5f2ff;border-color:#cac0ef}button:active{transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 5px 15px #6958cb20}button.warning{color:var(--warn);border-color:#eddad6;background:#fff9f8}button:disabled{opacity:.5;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #a797f3;outline-offset:3px}svg{width:22px;height:22px;flex-shrink:0}.demo-bar{text-align:center;background:#edeaf6;color:#766a9a;font-size:11px;padding:6px 16px}header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 32px;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:650 19px/1.3 "Avenir Next",system-ui,sans-serif}.brand small{display:block;font:12px/1.6 system-ui;color:var(--muted);margin-top:3px}.mark{display:grid;place-items:center;font-size:43px;line-height:1;width:47px;height:47px;border-radius:17px;background:var(--accent);color:#fff;flex-shrink:0}.switcher{display:flex;background:#eaeaf3;padding:4px;border-radius:13px;gap:3px}.switcher button{border:0;background:transparent;padding:8px 14px;font-size:12px}.switcher .selected{background:#fff!important;box-shadow:0 2px 8px #282d4008;color:var(--accent)}.journey{max-width:1200px;margin:auto;padding:2px 32px 22px;display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.journey span{font-size:11px;background:#eaeaf3;color:#85859a;border-radius:20px;padding:6px 12px}.journey .current{background:#ded7f7;color:#5746a6;font-weight:650}.layout{max-width:1200px;margin:auto;padding:0 32px 32px;display:grid;grid-template-columns:180px minmax(0,740px);gap:30px;align-items:start;justify-content:center}#nav{display:grid;gap:6px;position:sticky;top:20px}#nav button{text-align:left;border:0;background:transparent;color:var(--muted);font-size:13px;padding:12px 15px}#nav button.selected{background:var(--lilac);color:var(--accent);font-weight:650}#nav button:last-child{margin-top:10px;color:var(--accent)}main{background:white;border:1px solid var(--border);border-radius:28px;padding:32px;min-height:580px;min-width:0;box-shadow:0 10px 35px #34324a04}h1,h2,h3{font-family:"Avenir Next",system-ui,sans-serif;line-height:1.25}h1{font-size:30px;letter-spacing:-.65px;margin:9px 0 12px;font-weight:650}h2{font-size:22px;margin:23px 0 12px}h3{font-size:16px;margin:8px 0 10px}p{margin:10px 0 16px}.lead{color:var(--muted);font-size:16px;line-height:1.6}.eyebrow{font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:#9a91af;font-weight:600}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:19px}.box{border:1px solid var(--border);border-radius:20px;padding:21px;margin:18px 0}.tint{background:#f7f6fc;border-color:#efecf7}.warning-box{border-radius:17px;background:#fff3ed;border:1px solid #f1ded5;color:#965940;padding:18px;margin:16px 0}.tag{display:inline-block;padding:4px 9px;background:var(--lilac);border-radius:8px;color:#7765ae;font-size:11px;margin:0 5px 5px 0}.muted,small{color:var(--muted)}.small{font-size:12px}label{display:block;margin:15px 0;font-size:13px;color:#5f657c}label.check{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.6}input[type=checkbox]{accent-color:var(--accent);width:18px;height:18px;margin-top:2px;flex-shrink:0}input[type=text],input[type=search],input[type=date],input[type=number],select{display:block;width:100%;border:1px solid #e3e4ef;border-radius:13px;padding:12px 14px;background:#fafafe;color:var(--ink);margin-top:7px;outline-offset:2px;min-height:47px}input[type=range]{width:100%;accent-color:var(--accent)}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.grid .box{margin:5px 0}.grid label{margin:6px 0}dl{display:grid;grid-template-columns:minmax(120px,1fr) 2fr;gap:13px;margin:16px 0}dt{color:var(--muted);font-size:13px}dd{margin:0}table{width:100%;border-collapse:collapse;font-size:12px}th,td{padding:12px 8px;border-bottom:1px solid var(--border);text-align:left;vertical-align:top}th{color:var(--muted);font-weight:550}.table-wrap{overflow:auto}.inline{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.statusline{margin-top:20px;font-size:12px;color:var(--muted)}details{font-size:13px;color:var(--muted)}summary{cursor:pointer;padding:5px 0}#context{display:none}.ops-mode #context{display:block;grid-column:2;font-size:12px;color:var(--muted);background:#eeecf7;border-radius:20px;padding:20px}.ops-mode #context .context-block{margin:12px 0}.ops-mode #context h3{font-size:14px}footer,.demo-controls{max-width:970px;margin:0 auto 20px;padding:0 32px;font-size:11px;color:#8b8ba1;line-height:1.6}.demo-controls{border-top:1px solid var(--border);padding-top:14px}#notice{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#39334f;color:#fff;border-radius:16px;padding:14px 20px;max-width:calc(100vw - 32px);width:max-content;box-shadow:0 8px 35px #25223530;font-size:13px;z-index:100;display:none}#notice.show{display:block}#mobile-nav{display:none}.welcome-art{position:relative;height:160px;margin:12px 0 20px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,#eff7f4 0%,#faf9fe 65%);border-radius:24px}.orbit{position:absolute;border:1px solid #ddd6ef;border-radius:50%;width:210px;height:95px;transform:rotate(-22deg)}.orbit-two{width:155px;height:130px;border-color:#c8e3d8;transform:rotate(27deg)}.art-center{width:85px;height:85px;border-radius:28px;background:#e1eee8;color:#568b75;display:grid;place-items:center;transform:rotate(-9deg);box-shadow:8px 12px 0 #eae4f9}.art-center svg{width:38px;height:38px;transform:rotate(9deg)}.art-label{position:absolute;bottom:16px;right:22px;font-size:11px;padding:5px 10px;border-radius:20px;background:white;color:#7d7793}.benefits{display:flex;gap:12px;justify-content:space-between;margin-bottom:18px}.benefits span{display:flex;align-items:center;gap:7px;font-size:11px;color:#7d7a91}.benefits svg{width:17px;height:17px;color:#8b7dc5}.day-summary{display:flex;justify-content:space-between;align-items:center;padding:21px 23px;border-radius:23px;background:var(--lilac);margin:23px 0;gap:20px}.day-summary strong{display:block;font-size:21px;line-height:1.7}.day-summary span:last-child{font-size:12px;color:#7c7396}.progress-ring{height:80px;width:80px;border:6px solid #c7bdec;outline:1px solid #ddd4f8;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:19px;color:var(--accent);flex-shrink:0}.progress-ring small{font-size:10px;color:#9184b2}.tariff-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:20px 0}.tariff{border:1px solid var(--border);border-radius:21px;padding:20px;margin:0;background:#fafbfe;color:var(--muted)}.tariff.featured{background:#f1edff;border-color:#d2c8ee}.tariff strong{display:block;font-size:32px;color:var(--ink);line-height:1.5}.tariff strong small{font-size:18px}.tariff p{font-size:11px;margin-bottom:0}.tariff>span:last-of-type{font-size:12px}.promo-box{background:var(--mint);border:1px solid #dceddf;border-radius:21px;padding:22px;margin-top:28px}.promo-box h2{margin-top:0}.promo-box p{font-size:13px;color:#638679}.promo-box small{font-size:11px}.contours{display:flex;gap:8px;flex-wrap:wrap}.contours span{background:var(--mint);padding:7px 12px;border-radius:12px;font-size:12px;color:#608573}.library-stats{display:flex;justify-content:space-between;gap:10px;margin:24px 0}.library-stats div{background:#f6f4fc;border-radius:16px;padding:15px;flex:1}.library-stats strong{display:block;font-size:24px;color:var(--accent)}.library-stats span{font-size:11px;color:var(--muted)}.search-result{border:1px solid var(--border);padding:18px;border-radius:18px;margin:16px 0;overflow-wrap:anywhere}.search-result p{font-size:13px}.search-result small{font-size:11px}@media(max-width:900px){header{padding:20px}.layout{padding:0 20px 25px;grid-template-columns:150px minmax(0,1fr);gap:18px}.brand{font-size:17px}.brand small{font-size:11px}.switcher button{font-size:11px;padding:8px 10px}main{padding:25px}}@media(max-width:650px){body{padding-bottom:85px}.demo-bar{font-size:9px;padding:5px 8px}header{padding:18px 20px 12px;gap:12px;flex-wrap:wrap}.brand{font-size:16px;gap:10px}.mark{width:40px;height:40px;border-radius:14px;font-size:36px}.brand small{font-size:10px}.switcher{margin-left:auto}.switcher button{padding:5px 11px;font-size:10px}.journey{padding:5px 20px 14px;gap:4px;justify-content:flex-start}.journey span{font-size:9px;padding:4px 8px}.layout{display:block;padding:0 15px 24px}#nav{position:static;display:flex;overflow-x:auto;gap:5px;margin-bottom:10px;padding-bottom:4px}#nav button{display:none;white-space:nowrap;padding:7px 11px;font-size:11px}#nav button[data-page=help],#nav button[data-page=history],#nav button[data-page=control]{display:block;background:#eeedf6;border-radius:20px}#nav button:last-child{margin:0}.ops-mode #nav button{display:block}.ops-mode #nav{padding-bottom:10px}main{border-radius:24px;padding:23px 21px;min-height:480px;box-shadow:none}h1{font-size:27px;letter-spacing:-.6px}.lead{font-size:14px;line-height:1.7}.eyebrow{font-size:10px}.box{padding:17px;border-radius:18px}.actions{gap:8px}.actions button{flex-grow:1;font-size:13px;padding:13px 12px}label{font-size:12px}label.check{font-size:12px}input[type=text],input[type=search],input[type=number],input[type=date],select{font-size:16px}.grid{grid-template-columns:1fr}.grid .box{margin:4px 0}.tariff-grid{gap:10px}.tariff{padding:15px 12px}.tariff strong{font-size:27px}.tariff span.tag{font-size:9px;padding:4px 5px}.tariff>span:last-of-type{font-size:10px}.tariff p{font-size:10px}.promo-box{padding:19px}.promo-box h2{font-size:20px}.welcome-art{height:145px}.benefits{gap:8px}.benefits span{font-size:10px}.day-summary{padding:17px;gap:10px}.day-summary strong{font-size:19px}.day-summary span:last-child{font-size:11px}.progress-ring{width:68px;height:68px;font-size:17px}dl{grid-template-columns:1fr;gap:5px}dd{margin-bottom:10px;font-size:13px}footer,.demo-controls{font-size:10px;padding-left:22px;padding-right:22px}.ops-mode #context{margin-top:15px}#mobile-nav:not(:empty){display:flex;position:fixed;bottom:0;left:0;right:0;z-index:30;justify-content:space-around;background:#ffffffed;backdrop-filter:blur(15px);border-top:1px solid #e9e7f2;padding:8px 10px max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #32304706}#mobile-nav button{border:0;background:transparent;color:#a09aad;display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 16px;font-size:10px;border-radius:12px}#mobile-nav button.active{color:var(--accent);background:#f0ecfb}#mobile-nav svg{width:22px;height:22px}#notice{bottom:90px;font-size:12px}.library-stats{gap:7px}.library-stats div{padding:12px 9px}.library-stats strong{font-size:22px}.library-stats span{font-size:10px}table{min-width:450px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.storage-status{font-size:12px;color:var(--muted,#777);text-align:center;margin:0 16px 12px}
button:disabled{opacity:.55;cursor:wait}

.source-provenance{margin:14px 0;padding:12px;border-left:3px solid var(--accent,#7560d6);background:#f6f4fc;border-radius:0 12px 12px 0}.source-provenance p{overflow-wrap:anywhere;margin:8px 0}.source-provenance summary{cursor:pointer}