:root{--bg:#080a0b;--panel:#111619;--panel-2:#171d20;--text:#f4f7f4;--muted:#aab6b2;--line:#f4f7f424;--teal:#20d6c2;--orange:#ff9b45;--red:#ff5d5d;--ink:#071112}*{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px}body{background:radial-gradient(circle at 20% 0%, #20d6c21f, transparent 28rem), radial-gradient(circle at 90% 14%, #ff9b4521, transparent 24rem), var(--bg);min-height:100vh;color:var(--text);margin:0;font-family:Arial,Helvetica,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,summary,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:3px solid var(--teal);outline-offset:3px}.app-shell{width:min(100%,1120px);min-height:100vh;padding:max(14px, env(safe-area-inset-top)) 14px calc(42px + env(safe-area-inset-bottom));margin:0 auto}.app-header{z-index:10;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(#080a0bfa,#080a0bb8);justify-content:space-between;align-items:center;min-height:58px;padding:8px 0;display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;min-width:0;font-size:.92rem;font-weight:900;display:flex}.brand span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-mark{width:38px;height:38px;color:var(--teal);letter-spacing:0;background:#20d6c229;border:1px solid #20d6c28c;border-radius:8px;flex:none;place-items:center;font-size:.78rem;display:grid}.header-button,.quick-actions a,.button,.phrase-actions button,.segmented button,.close-button{cursor:pointer;border:0;border-radius:8px;justify-content:center;align-items:center;min-height:46px;font-weight:900;display:inline-flex}.header-button{color:#ffd9d9;background:#ff5d5d2e;min-width:54px;padding:0 13px}.hero{gap:14px;padding:18px 0 20px;display:grid}.hero-art{border:1px solid var(--line);background:linear-gradient(#09161b33,#ff9b4514),linear-gradient(135deg,#0a1117 0%,#101014 42%,#19100f 100%);border-radius:8px;min-height:228px;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff14,0 22px 60px #00000052}.hero-art:before{content:"";background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff06 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 76%);mask-image:linear-gradient(#000,#0000 76%)}.moon{background:#ffe0a8;border-radius:50%;width:58px;height:58px;position:absolute;top:22px;right:24px;box-shadow:0 0 44px #ff9b458c}.sign{letter-spacing:0;border:1px solid;border-radius:8px;place-items:center;min-height:42px;font-weight:900;display:grid;position:absolute;box-shadow:0 0 22px}.sign-one{width:72px;color:var(--orange);top:42px;left:18px}.sign-two{width:104px;color:var(--teal);top:88px;right:44px}.sign-three{color:#ff6b89;width:112px;top:116px;left:84px}.river{background:linear-gradient(100deg,#0000 20%,#20d6c261,#0000 50%,#ff9b4552,#0000 78%),#091113;height:86px;position:absolute;bottom:-28px;left:-20px;right:-20px;transform:skewY(-4deg)}.skyline{clip-path:polygon(0 100%,0 42%,8% 42%,8% 18%,16% 18%,16% 62%,25% 62%,25% 34%,35% 34%,35% 12%,46% 12%,46% 55%,56% 55%,56% 28%,67% 28%,67% 46%,78% 46%,78% 20%,88% 20%,88% 60%,100% 60%,100% 100%);background:linear-gradient(0deg,#050607 0 100%),linear-gradient(90deg,#000 0 20%,#0000 20%);height:74px;position:absolute;bottom:42px;left:0;right:0}.eyebrow,.section-heading a{color:var(--orange);text-transform:uppercase;margin:0;font-size:.8rem;font-weight:900}h1,h2,h3,p{margin:0}h1{letter-spacing:0;max-width:12ch;font-size:clamp(2.7rem,15vw,5.6rem);line-height:.9}.tagline{color:var(--muted);font-size:1.03rem;line-height:1.55}.quick-actions,.button-row{flex-wrap:wrap;gap:10px;display:flex}.quick-actions a,.button{background:var(--teal);min-width:108px;color:var(--ink);text-align:center;padding:12px 15px}.button.secondary,.quick-actions a:nth-child(2),.quick-actions a:nth-child(3){border:1px solid var(--line);color:var(--text);background:#f4f7f414}.button.danger{background:var(--red);color:#170506}.button.full{width:100%}.nav-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px 0 24px;display:grid}.tool-tile{border:1px solid var(--line);background:linear-gradient(145deg,#f4f7f414,#f4f7f409);border-radius:8px;align-content:start;gap:9px;min-height:148px;padding:14px;display:grid}.tool-tile:active,.tool-tile:hover{background:#20d6c21f;border-color:#20d6c2cc}.tile-icon{width:42px;height:42px;color:var(--orange);background:#ff9b4529;border-radius:8px;place-items:center;font-size:1.3rem;font-weight:900;display:grid}.tool-tile strong{font-size:1rem;line-height:1.15}.tool-tile small,.mini-card small,.check-card small,.phrase-card small{color:var(--muted);line-height:1.35}.tool-section{border:1px solid var(--line);background:#111619d1;border-radius:8px;gap:14px;margin:18px 0;padding:16px;scroll-margin-top:72px;display:grid}.section-heading{gap:7px;display:grid}.section-heading h2{letter-spacing:0;font-size:clamp(1.55rem,8vw,2.7rem);line-height:1}.section-heading p,.weather-card p,.info-card p,.check-card p,.upload-placeholder p,.journal p{color:var(--muted);line-height:1.5}.weather-card,.food-picker,.total-card,.upload-placeholder{border:1px solid var(--line);background:var(--panel-2);border-radius:8px;gap:12px;padding:14px;display:grid}.status-dot{background:var(--teal);width:12px;height:12px;box-shadow:0 0 16px var(--teal);border-radius:50%;margin-right:8px;display:inline-block}.stack-form{gap:10px;display:grid}label,.food-picker label,.inline-label{color:var(--text);font-weight:900}input,select,textarea{border:1px solid var(--line);width:100%;min-height:48px;color:var(--text);background:#090d0f;border-radius:8px;padding:12px}textarea{resize:vertical}.segmented{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.segmented button{min-width:0;color:var(--text);background:#f4f7f414}.segmented button.active{background:var(--orange);color:#1b0c00}.place-grid,.note-grid,.emergency-grid,.food-list{gap:10px;display:grid}.mini-card,.info-card,.check-card,.expense-row{border:1px solid var(--line);background:#f4f7f40f;border-radius:8px;gap:8px;padding:14px;display:grid}.search{z-index:4;border-color:#20d6c273;position:sticky;top:62px;box-shadow:0 12px 24px #0003}.toast{color:var(--teal);background:#20d6c21f;border:1px solid #20d6c273;border-radius:8px;padding:10px 12px;font-weight:900}.details-card{border:1px solid var(--line);background:#f4f7f40d;border-radius:8px}.details-card summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:52px;padding:0 14px;font-weight:900;display:flex}.phrase-list{gap:10px;padding:0 10px 10px;display:grid}.phrase-card{background:#0b1113;border:1px solid #20d6c233;border-radius:8px;gap:12px;padding:14px;display:grid}.phrase-card.urgent{background:#ff5d5d14;border-color:#ff5d5d9e}.phrase-card h3{color:var(--text);margin-bottom:8px;font-size:1.03rem}.phrase-card strong{margin-bottom:6px;font-size:1.28rem;display:block}.phrase-card p,.phrase-card em{color:var(--muted);font-style:normal;line-height:1.35;display:block}.phrase-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.phrase-actions button{border:1px solid var(--line);min-width:0;color:var(--text);background:#f4f7f414;padding:0 8px;font-size:.84rem}.phrase-actions button[aria-pressed=true]{background:var(--orange);color:#1b0c00}.upload-placeholder{text-align:center;place-items:center;min-height:210px}.upload-placeholder span{width:84px;height:84px;color:var(--orange);border:1px dashed #ff9b45b3;border-radius:8px;place-items:center;font-size:2.6rem;font-weight:900;display:grid}.check-card label,.checklist label{align-items:center;gap:10px;min-height:46px;display:flex}input[type=checkbox]{width:24px;min-height:24px;accent-color:var(--teal)}.check-card label span,.checklist label span{font-weight:900}.checklist{gap:4px;padding:0 14px 12px;display:grid}.inline-label{gap:8px;display:grid}.total-card{background:linear-gradient(135deg,#20d6c233,#ff9b451f)}.total-card span{font-size:1.45rem;font-weight:900}.expense-row{grid-template-columns:1fr auto}.expense-row small{color:var(--muted);grid-column:1/-1}.footer{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:10px;padding:28px 2px 8px;font-size:.88rem;display:flex}.footer a{color:var(--teal);font-weight:900}.modal{z-index:50;background:#000000c7;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.modal-card{text-align:center;background:#071112;border:1px solid #20d6c28c;border-radius:8px;align-content:center;gap:18px;width:min(100%,720px);min-height:68vh;padding:18px;display:grid}.modal-card strong{font-size:clamp(3rem,16vw,8rem);line-height:1.05}.modal-card p{color:var(--text);font-size:clamp(1.4rem,7vw,3rem);font-weight:900}.modal-card span,.modal-card em{color:var(--muted);font-size:clamp(1.1rem,5vw,2rem);font-style:normal}.close-button{background:var(--orange);color:#1b0c00;justify-self:end;min-width:92px}@media (min-width:760px){.app-shell{padding-left:24px;padding-right:24px}.hero{grid-template-columns:minmax(0,.95fr) minmax(340px,1.05fr);align-items:center}.hero-art{order:2;grid-row:span 4;min-height:420px}.nav-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.tool-section{padding:22px}.place-grid,.food-list,.emergency-grid,.note-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.phrase-card{grid-template-columns:minmax(0,1fr) 260px;align-items:start}.phrase-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1020px){.food-list,.place-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}