@font-face{font-family:'Lilita One';src:url('/fonts/lilita-one.ttf') format('truetype');font-display:swap;font-weight:400}
@font-face{font-family:'Barlow Semi Condensed';src:url('/fonts/barlow-semi-condensed-600.ttf') format('truetype');font-display:swap;font-weight:600}
@font-face{font-family:'Barlow Semi Condensed';src:url('/fonts/barlow-semi-condensed-700.ttf') format('truetype');font-display:swap;font-weight:700}
:root{--bg:#1e6087;--surface:#d1e0e5;--ink:#3e536e;--muted:#526d82;--line:#9ebbc9;--green:#88ce43;--amber:#edbd54;--title:'Lilita One','Arial Rounded MT Bold',sans-serif;--body:'Barlow Semi Condensed','Arial Narrow',sans-serif;font-family:var(--body);font-weight:600;background:var(--bg);color:var(--ink)}
body{background:radial-gradient(ellipse at 90% 0,#51a3c33d,transparent 55%),repeating-linear-gradient(135deg,transparent 0 150px,#14476e25 151px 220px,transparent 221px 450px);background-attachment:fixed}
h1,h2,h3,.brand,.day-number,.count-badge,.reset-card strong,.weekly-card strong,.primary-button,.secondary-button{font-family:var(--title);font-weight:400;letter-spacing:.3px}button,input,select{font:inherit}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline-color:#ffe68b}button:active{translate:0 1px}svg{stroke-width:2}
.sidebar{background:linear-gradient(155deg,#1a527b,#153f66);border-right:3px solid #103b5e;box-shadow:inset -1px 0 #3a80a3;color:#d4e8f1}.brand{font-size:30px;letter-spacing:1px;color:#fff2cd;text-shadow:0 3px #17446c}.brand-icon{border:2px solid #ffd578;background:linear-gradient(#ffcc57,#e59729);color:#fff6c6;box-shadow:0 3px #8b632f,inset 0 2px #fff5bc;text-shadow:0 2px #b77a26}.brand-sub{font-size:11px;letter-spacing:1.1px;color:#9cd9f3}.side-divider{background:#103e62;border-bottom:1px solid #3e7395}.side-label{font-size:11px;color:#92c2d9}.side-link{font-size:16px;font-weight:700;border:2px solid transparent;color:#c9e1ed}.side-link.active{background:linear-gradient(#42b6dd,#2690bc);border-color:#68d1e9;box-shadow:0 4px #104368,inset 0 2px #b8e9f366;color:#fff4d3;text-shadow:0 2px #1e759c}.side-link:hover:not(.active){background:#286389}.nav-dot,.state-dot,.state-pill i,.small-dot{background:#a3f546;box-shadow:0 0 0 2px #294f5660}
.state-card{width:100%;text-align:left;background:#245d83;border:2px solid #418aae;color:#f9edc7;font-size:17px;box-shadow:0 3px #103b5d}.state-card small{font-size:12px;color:#b5d7e5}.state-card svg{color:#86d2ed}.sidebar-bottom>p{font-size:12px;color:#a4c4d8}.sidebar-bottom>p>span{font-size:11px}
.topbar{background:linear-gradient(#3dafd5,#2897c2);border-bottom:4px solid #124d75;box-shadow:inset 0 -2px #72cde9,inset 0 2px #83d7ec;color:#fff2cd;position:relative}.topbar:after{content:'';position:absolute;left:7px;right:7px;bottom:5px;border-bottom:2px dashed #a6dff255;pointer-events:none}.breadcrumb{font-size:15px;color:#d7f1f9}.breadcrumb span{color:#a0dded}.breadcrumb strong{font-family:var(--title);font-weight:400;font-size:22px;color:#fff2cd;text-shadow:0 2px #246b8c;letter-spacing:.5px}.header-actions{gap:12px;z-index:1}.state-pill{border:2px solid #82d6ed;background:linear-gradient(#236f99,#1c5981);color:#fff2cb;font-size:14px;letter-spacing:.5px;box-shadow:0 3px #195073;white-space:nowrap}.state-pill .state-chevron{width:13px;height:13px;margin-left:3px}.icon-button{width:38px;height:38px;border:2px solid #86daf1;background:linear-gradient(#64c6e8,#2da0d1);color:#fff3cf;box-shadow:0 3px #1c5b80,inset 0 1px #d4f5ff80;font-family:var(--title);font-size:26px}.icon-button svg{width:20px;height:20px}
.eyebrow{font-size:12px!important;letter-spacing:2px;color:#a5d9ed!important}h1{font-size:clamp(34px,3.5vw,46px);letter-spacing:1px;color:#fff2cd;text-shadow:0 3px #0d426b,2px 0 #286185,-2px 0 #286185}h1>span{color:#ffdc70}.page-intro>div>p:last-child{font-size:17px;color:#c4e3ee;line-height:1.4}.date-badge{font-size:16px;color:#d3ebf3}.date-badge svg{width:18px;height:18px}
.week-picker{margin-bottom:24px}.day-button{border:2px solid #539bc0;min-height:99px;padding:12px 7px;text-align:center;background:linear-gradient(#377fab,#24628e);box-shadow:0 4px #123e64,inset 0 2px #87bed34d;color:#d0e9f2;transition:filter .15s}.day-button:hover{border-color:#93d4ed;background:linear-gradient(#4290b8,#29749f)}.day-button .weekday{font-size:14px;font-weight:600;color:#c9e7f3}.day-button .day-number{font-family:var(--title);font-weight:400;font-size:25px;color:#fff2cd;text-shadow:0 2px #204f76;white-space:nowrap}.day-button .day-topic{font-size:12px;color:#abd5e8}.day-button .today-mark{background:#a5ff4a;box-shadow:0 0 8px #b1ff6788}.day-button.selected{border-color:#ffe595;background:linear-gradient(#ffdb78,#eeb64d);box-shadow:0 4px #90672c,inset 0 2px #fff5cc}.day-button.selected .weekday,.day-button.selected .day-topic{color:#6b592f}.day-button.selected .day-number{color:#fff9dc;text-shadow:0 2px #ae7d38,1px 0 #ae7d38,-1px 0 #ae7d38}.day-button.selected .today-mark{background:#658e39;box-shadow:none}
.hero{background:linear-gradient(110deg,#164b78,#226992);border:2px solid #428eb5;box-shadow:0 5px #123e62,inset 0 2px #6eabd54d;color:#fff2cd}.hero:after{content:'';position:absolute;width:460px;height:460px;right:-100px;top:-90px;background:repeating-conic-gradient(from 20deg,#69b7d808 0deg 15deg,transparent 15deg 35deg);border-radius:50%;pointer-events:none}.hero-copy{max-width:70%}.hero-tags{font-size:12px;letter-spacing:.5px;flex-wrap:wrap}.hero-tags>span:first-child{background:linear-gradient(#4ac5eb,#299bc8);color:#fff4d5;border:1px solid #7bd5ed;box-shadow:0 2px #164364}.hero-tag-secondary{background:#153d6380;border:1px solid #5594b3;color:#bddfee}.hero h2{font-size:clamp(29px,3vw,39px);font-weight:400;letter-spacing:.4px;color:#fff2cd;text-shadow:0 3px #123957;line-height:1.1}.hero-copy>p{font-size:18px;line-height:1.4;color:#c6e5ef;max-width:540px}.hero-foot{font-size:13px;color:#d7ecf3}.hero-art{z-index:1;pointer-events:none}.orbit{border-color:#8edafa25}.orbit-two{border-style:dashed}.tile{background:linear-gradient(135deg,#73d1ee,#369dd0);border:3px solid #a4e5f5;box-shadow:0 6px #164d7b,0 15px 25px #05294550,inset 0 3px #d7f9ff88}.tile-back{background:#286791;border-color:#5fa6c6}.tile-main svg{stroke-width:1.8;color:#fff4c9;filter:drop-shadow(0 2px #286086)}.art-spark{color:#ffe484;text-shadow:0 2px #917e4d}.art-chip{background:linear-gradient(#ffe89d,#e8b951);border:2px solid #fff1b5;color:#76542d;box-shadow:0 3px #9b7537;font-size:13px}.art-chip b{font-family:var(--title);font-weight:400;font-size:18px;color:#6b4b26}
.dashboard-grid{align-items:start}.card{background:#d1e0e5;border:2px solid #4597bd;box-shadow:0 5px #123e62;overflow:hidden}.card-heading{padding:18px 20px;background:linear-gradient(#3db1d8,#2a95c0);border-bottom:3px solid #1b6e9a;box-shadow:inset 0 2px #7fd2e780;color:#fff2cd;position:relative}.card-heading:after{content:'';position:absolute;bottom:3px;left:7px;right:7px;border-bottom:1px dashed #a6e1ee70;pointer-events:none}.heading-icon{width:37px;height:37px;border:2px solid #9adef1;background:linear-gradient(#62cbed,#2b9fce);color:#fff6d2;box-shadow:0 2px #276b93,inset 0 1px #c4f2fc}.heading-icon svg{width:22px;height:22px}.amber{border-color:#ffe99e;background:linear-gradient(#ffdb6e,#e9aa3c);color:#fff7d4;box-shadow:0 2px #8c7244}.card-heading h2,.points-card h2{font-size:24px;font-weight:400;letter-spacing:.3px;color:#fff2cd;text-shadow:0 2px #256588;line-height:1.1}.card-heading p,.points-card summary p{font-size:14px;color:#dbf1f7;line-height:1.3}.count-badge{font-size:20px;background:#175783;color:#fff2c7;border:1px solid #75c7e1;box-shadow:inset 0 2px #153d60}.progress-track{height:10px;background:#a9c4d2;border:1px solid #8daebf;border-radius:5px;margin:18px 20px 3px;box-shadow:inset 0 1px 2px #3a6a8540}.progress-track>div{background:linear-gradient(#bef965,#7dc536);box-shadow:inset 0 1px #e5ff9e}.task-item{padding:19px 0;margin:0 20px;border-color:#9ebbc8}.task-item input{width:25px;height:25px;border:2px solid #75a7c0;background:linear-gradient(#f1f8fb,#bad8e7);box-shadow:0 2px #8aa9ba,inset 0 1px #fff}.task-item input:checked{background:linear-gradient(#b0ed62,#71b833);border-color:#5f953c;box-shadow:0 2px #4c8138,inset 0 1px #dcffa1}.task-item input:checked:after{font-family:Arial,sans-serif;font-size:21px;font-weight:700;color:#fff9db;text-shadow:0 1px #56833d}.task-text strong{font-size:20px;font-weight:700;line-height:1.2;color:#3e536e}.task-text small{font-size:15px;line-height:1.4;color:#576f82}.task-item.done .task-text strong{color:#597964}.task-item.done .task-text small{color:#657f80}.task-index{color:#7496ab;font-family:var(--title);font-size:15px}.checklist-footer{background:#bbd5e2;border-color:#97b8cb}.checklist-footer>span{font-size:13px;color:#4b6b82}.checklist-footer svg{width:14px;height:14px}.text-button{font-size:13px;color:#295e83}
.right-column{gap:22px}.save-card .card-heading{padding-bottom:18px}.save-card ul{padding:5px 20px 0}.save-card li{font-size:18px;line-height:1.4;color:#435e75;padding:15px 0;border-color:#9ebbc8}.save-card li:before{content:'◆';font-size:13px;color:#eeb644;text-shadow:0 1px #997437;margin-top:3px}.advice-note{background:#e6e6d6;border:1px solid #b1c0bd;color:#586878}.advice-note svg{width:17px;height:17px}.advice-note p{font-size:13px;line-height:1.4}.reset-card{border:2px solid #61a7c7;background:linear-gradient(#2a739c,#1c557e);box-shadow:0 4px #133e61,inset 0 2px #78bad34d;color:#fff1ce}.reset-icon{color:#80d8f2}.reset-icon svg{width:32px;height:32px}.reset-card p{font-size:16px;color:#cae9f2}.reset-card strong{font-size:34px;font-weight:400;color:#fff2ce;text-shadow:0 3px #123d61;letter-spacing:2px}.clock-setting{color:#b7dfed;font-size:13px;padding:3px 0}.reset-decoration{color:#5ba7cb55}
.points-card summary{background:linear-gradient(#3bacd2,#298cb7);color:#fff3d3}.reference-label{font-size:12px;color:#d0edf6}.chevron{color:#fff2cc}.points-content{border-top:2px solid #216a94}.source-note{font-size:15px;line-height:1.4;color:#49667d}.score-table{font-size:19px;font-weight:700}.score-table th{font-size:14px;text-transform:uppercase;color:#5c788d;border-bottom:2px solid #95b6c5}.score-table td{border-color:#9bb8c6;line-height:1.3}.score-table td:nth-child(2){color:#305375;padding-right:35px;position:relative}.score-table td:nth-child(2):after{content:'✦';position:absolute;right:4px;top:50%;translate:0 -50%;display:grid;place-items:center;width:21px;height:21px;border:2px solid #ffd979;border-radius:50%;background:linear-gradient(135deg,#f8cb4d,#de9a23);color:#fff4b8;box-shadow:0 2px #b37b29,inset 0 0 0 2px #f2ad31;text-shadow:0 1px #ba802d;font-size:15px}.score-table td:last-child{font-size:15px;color:#557388}.score-table tr.optional td{background:#c6d9e1;color:#526d80}.purchase-note{font-size:13px;color:#567086}
.section-title h2{font-size:28px;color:#fff2cd;text-shadow:0 2px #123f64}.section-title>span{font-size:15px;color:#b7dcec}.weekly-card{padding:16px 12px;border:2px solid #4d91b7;background:linear-gradient(#367ea8,#255e8b);color:#e4f4f8;box-shadow:0 4px #123c61}.weekly-card svg{width:24px;height:24px;color:#b0def0}.weekly-card strong{font-size:17px;font-weight:400;color:#fff2cd;text-shadow:0 2px #174570;line-height:1.1}.weekly-card small{font-size:13px;color:#c5e2ec;line-height:1.3}.weekly-card.selected{background:linear-gradient(#367ea8,#255e8b);border-color:#ffe38c;box-shadow:0 4px #153d60,inset 0 0 0 1px #ead394}.weekly-card.selected svg{color:#ffe69b}footer{color:#adcedf;font-size:13px;border-color:#6393af}footer b{color:#f5e8bd}.footer-separator{color:#75a6bf}.view-notice{border-color:#78b7d0;background:#1b527c;font-size:16px;color:#d0edf7}.view-notice button{color:#ffdf82}
dialog{border:3px solid #4aa4c9;box-shadow:0 7px #123c62,0 25px 90px #0b2b4c80;background:#d0e0e5;color:var(--ink);padding:25px;width:460px}dialog::backdrop{background:#092541b8;backdrop-filter:blur(3px)}.dialog-heading{margin:-25px -25px 22px;padding:17px 20px;background:linear-gradient(#42b7dd,#2691bc);border-bottom:3px solid #1b6c98}.dialog-heading h2{font-size:27px;color:#fff2cd;text-shadow:0 2px #236286}dialog p{font-size:17px;line-height:1.5;color:#48647a}dialog label{font-size:18px;font-weight:700}dialog input[type=time],dialog select{width:100%;border:2px solid #7ba7be;border-radius:7px;padding:12px;color:#325773;font-size:21px;background:#eff7f9}.form-help{font-size:15px!important}.confirm-label{font-size:16px;line-height:1.4}.confirm-label input{accent-color:#299cc9;width:18px;height:18px;flex-shrink:0}.primary-button,.secondary-button{border:2px solid #a9d775;background:linear-gradient(#a0dc5b,#69ab36);color:#fff8d9;font-family:var(--title);font-size:23px;text-shadow:0 2px #4f8330;box-shadow:0 4px #477b2d,inset 0 2px #d7f9a0}.secondary-button{border-color:#7bc5e1;background:linear-gradient(#4eb4d9,#2e86ba);box-shadow:0 4px #235b89,inset 0 2px #a2dded;text-shadow:0 2px #27658e}.dialog-actions{gap:12px}.dialog-actions button{font-size:20px}.install-step{font-size:20px;border-color:#9bb8c6}.toast{border:2px solid #87d0ec;background:linear-gradient(#3596be,#1c638e);box-shadow:0 4px #123d62;color:#fff2cf;font-size:18px}#storage-status{font-size:15px;color:#825328}.state-selection-note{display:flex;align-items:center;gap:8px;margin-top:17px;padding:11px;border:1px solid #9cb9c9;border-radius:7px;background:#bdd6e2;font-size:15px;color:#42647e}.state-selection-note svg{width:17px;height:17px;flex-shrink:0}
@media(min-width:1500px){.task-text strong{font-size:22px}.task-text small{font-size:16px}.save-card li{font-size:19px}.hero-copy>p{font-size:19px}.page-intro>div>p:last-child{font-size:18px}}
@media(max-width:1150px){.brand{font-size:26px;gap:8px}.brand-sub{font-size:10px}.day-button{padding:12px 5px}.day-button .weekday{font-size:13px}.day-button .day-number{font-size:23px}.day-button .day-topic{font-size:10px}.hero h2{font-size:33px}.hero-copy>p{font-size:17px}.hero-tags{font-size:11px}.card-heading{padding:17px;gap:9px}.card-heading h2{font-size:22px}.card-heading p{font-size:13px}.heading-icon{width:33px;height:35px}.task-item{margin:0 17px}.task-text strong{font-size:19px}.task-text small{font-size:14px}.task-index{display:none}.save-card li{font-size:17px}.weekly-card strong{font-size:16px}.weekly-card small{font-size:12px}}
@media(max-width:900px){.side-link{font-size:0}.sidebar-bottom,.side-label{display:none}.card-heading h2{font-size:20px}.card-heading p{font-size:12px}.count-badge{font-size:18px}.hero-copy{max-width:73%}.hero h2{font-size:31px}.day-button .day-number{font-size:21px}.day-button .day-topic{font-size:9px}.weekly-card{padding:13px 9px}.weekly-card strong{font-size:14px}.weekly-card small{font-size:11px}}
@media(max-width:700px){.topbar{height:68px;padding:0 16px;gap:10px}.breadcrumb{font-size:0}.breadcrumb:before{content:'TILES COMPANION';font-family:var(--title);font-size:19px;letter-spacing:.1px;color:#fff2cd;text-shadow:0 2px #23668e}.header-actions{gap:8px}.state-pill{padding:7px 9px;font-size:12px;letter-spacing:0;gap:6px}.state-pill .state-chevron{width:11px;height:11px;margin:0}.state-pill i{width:5px;height:5px}.icon-button{width:34px;height:34px}.icon-button svg{width:18px;height:18px}.eyebrow{font-size:11px!important;letter-spacing:1.5px}h1{font-size:38px;letter-spacing:1px}.page-intro>div>p:last-child{font-size:16px;line-height:1.4}.day-button{min-height:76px;padding:10px 0}.day-button .weekday{font-size:12px}.day-button .day-number{font-size:18px}.hero{padding:23px 21px;margin-bottom:23px}.hero-copy{max-width:87%}.hero-tags{font-size:10px;gap:6px;letter-spacing:.2px}.hero h2{font-size:32px;line-height:1.06}.hero-copy>p{font-size:17px;line-height:1.4}.hero-foot{font-size:12px;line-height:1.4;max-width:290px}.hero-art{right:-117px;top:60px;opacity:.25}.dashboard-grid{gap:23px;margin-bottom:23px}.card-heading{padding:17px;gap:10px}.card-heading h2,.points-card h2{font-size:24px}.card-heading p,.points-card summary p{font-size:14px}.heading-icon{width:35px;height:35px}.count-badge{font-size:21px}.progress-track{margin:17px 17px 3px;height:9px}.task-item{margin:0 17px;padding:18px 0}.task-item input{width:25px;height:25px}.task-text strong{font-size:21px}.task-text small{font-size:15px;line-height:1.4}.checklist-footer{padding:13px 17px}.checklist-footer>span,.text-button{font-size:12px}.save-card ul{padding:5px 19px 0}.save-card li{font-size:18px;padding:14px 0}.advice-note p{font-size:14px}.reset-card strong{font-size:35px}.clock-setting{font-size:14px}.points-card summary{padding:17px;gap:10px}.points-content{padding:15px 13px}.source-note{font-size:15px}.score-table{font-size:18px}.score-table th{font-size:13px;padding:9px 4px}.score-table td{padding:11px 4px}.score-table td:nth-child(2){padding-right:26px}.score-table td:nth-child(2):after{width:18px;height:18px;right:1px;font-size:12px}.score-table td:last-child{font-size:13px;min-width:45px}.section-title h2{font-size:26px}.section-title>span{font-size:13px}.weekly-grid{gap:10px}.weekly-card{padding:15px;min-height:92px}.weekly-card svg{right:12px;top:13px;width:22px;height:22px}.weekly-card strong{font-size:20px;padding-right:23px;margin-bottom:9px}.weekly-card small{font-size:15px;max-width:150px}footer{font-size:13px}.toast{font-size:17px}.view-notice{font-size:15px}.dialog-heading h2{font-size:26px}.dialog-actions button{font-size:20px}}
@media(max-width:370px){.topbar{padding:0 11px}.breadcrumb:before{font-size:16px}.header-actions{gap:6px}.state-pill{font-size:11px;padding:7px}.day-button .day-number{font-size:25px}.day-word{display:none}.day-button .weekday{font-size:11px}.hero{padding:20px 18px}.hero-copy{max-width:100%}.hero h2{font-size:30px}.hero-art{opacity:.13}.card-heading h2,.points-card h2{font-size:22px}.card-heading p{font-size:13px}.count-badge{font-size:19px}.card-heading{gap:8px;padding:15px}.task-text strong{font-size:19px}.checklist-footer{padding:12px 14px}.score-table{font-size:16px}.score-table td:last-child{font-size:12px}.section-title>span{font-size:12px}}