/* Obszidián: material depth belongs to controls; content stays quiet. */
@media screen {
:root{color-scheme:dark;color:#edf5f8;background:#060b10;--navy:#eaf4f8;--teal:#55e0d6;--muted:#a5b7c3;--line:#30434f;--red:#ffb4bd}
body{background:radial-gradient(ellipse at 50% 0,#18343e 0, #080e14 65%)}
#app{background:linear-gradient(155deg,#10212b 0,#0b141d 36%,#080f16 100%);box-shadow:0 24px 80px #0008}
header{background:#0b151eec;border-color:#29414c;box-shadow:0 1px 0 #ffffff05}
header h1{letter-spacing:-.6px}header small{color:#9cb2bf}.brand{filter:drop-shadow(0 0 9px #2dd4bf33)}
.hero{position:relative;isolation:isolate;padding:15px 0 25px;overflow:hidden}.hero:after{content:'';position:absolute;z-index:-1;width:200px;height:150px;right:-95px;top:0;transform:rotate(-35deg);border:1px solid #42d4ce35;background:linear-gradient(110deg,transparent,#28c5c010,transparent);box-shadow:15px 0 0 #39ccce08}
.hero h2{font-size:36px;font-weight:720;letter-spacing:-1.5px;max-width:310px;line-height:1.1;margin:14px 0}.hero p{max-width:310px;color:#aebfc9}.eyebrow{font-size:10px;letter-spacing:2.4px;color:#78ded7}
.action-card,.btn{position:relative;border:1px solid #4eddd4;border-top-color:#a0fff3;background:linear-gradient(165deg,#07918d 0%,#06605f 55%,#033d42 100%);color:#fff;box-shadow:inset 0 1px 0 #ddfff97a,inset 0 -3px 0 #002f3b88,0 4px 0 #032e35,0 8px 21px #0005,0 0 16px #34d5c91c;text-shadow:0 1px 1px #00343760;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
.action-card{border-radius:17px 6px 17px 6px;min-height:108px;margin-bottom:20px;padding:23px 20px;gap:16px}.action-card:after{content:'›';font-size:27px;font-weight:300;margin-left:auto;color:#c2fffa}.action-card strong{font-size:21px;letter-spacing:-.4px}.action-card small{font-size:13px;line-height:1.5;opacity:1;color:#d5f0ee}.round-icon{background:transparent;border-radius:0;width:38px;height:42px;color:#d3fffa}.ui-icon{width:25px;height:25px;display:block;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.round-icon .ui-icon{width:35px;height:35px}
.action-card.alt,.btn.secondary{color:#e2f1f6;border-color:#44616d;border-top-color:#8aa6b1;background:linear-gradient(155deg,#263d48,#152630 60%,#102029);box-shadow:inset 0 1px 0 #e5faff30,inset 0 -2px 0 #050d1588,0 3px 0 #070f15,0 7px 18px #0004}.action-card.alt small{color:#b6c9d1}.alt .round-icon{background:transparent;color:#c3e3e8}
.btn.text{background:none;border:0;color:#74e6db;box-shadow:none;text-shadow:none;min-height:44px}.btn.danger{background:linear-gradient(160deg,#652831,#381c27);border-color:#b4606d;color:#ffd5db;box-shadow:inset 0 1px 0 #ffc0cb22,0 3px 0 #210d15}
.action-card:active,.btn:not(.text):active{transform:translateY(3px);box-shadow:inset 0 2px 6px #0005,0 0 0 #0000;filter:brightness(.95)}
button:focus-visible,a:focus-visible,label:has(input:focus-visible){outline:3px solid #bafff6;outline-offset:4px}
.card{background:linear-gradient(145deg,#1b2c36,#101e28);border:1px solid #344954;border-top-color:#526671;box-shadow:inset 0 1px 0 #ffffff05,0 8px 20px #0002;border-radius:14px}.card h3{letter-spacing:-.25px}.section-title{margin-top:30px}.section-title h3{font-size:18px}
.pill{background:#263c49;color:#d4e4ed;border:1px solid #45606f;font-size:12px}.draft{color:#d3dde3;background:#2a3943;border-color:#52606c}.teal{color:#a6f5db;background:#12433f;border-color:#26766c}.urgent{color:#ffe1e5;background:#742835;border-color:#df6577}.issue-head strong{color:#c8e5e8}.issue-foot{border-color:#304550}.issue-photos img,.photo-editor img{background:#0a151d}
.bottom-nav{background:#101e28f5;border:1px solid #3b5561;border-top-color:#7c96a1;box-shadow:inset 0 1px 0 #ffffff19,0 -8px 24px #0003;padding-top:8px;backdrop-filter:blur(18px)}.bottom-nav button{color:#aebfca;min-height:56px;position:relative}.bottom-nav b{display:flex;justify-content:center;margin-bottom:6px}.bottom-nav button.active{color:#6af1e2}.bottom-nav button.active:after{content:'';position:absolute;bottom:-4px;left:35%;right:35%;height:3px;border-radius:4px;background:#5be9de;box-shadow:0 0 12px #42e5db77}
.sticky-action{background:#0d1923f2;border-color:#3d5662;backdrop-filter:blur(16px);padding-bottom:calc(16px + env(safe-area-inset-bottom))}
.field{color:#e1edf2}.field input,.field textarea,.field select,.search{background:#0d1b25;color:#f2f8fa;border-color:#425d6a;box-shadow:inset 0 2px 6px #0003}.field input::placeholder,.field textarea::placeholder,.search::placeholder{color:#9aafbb;opacity:1}.field input:focus,.field textarea:focus,.field select:focus{outline-color:#74ede0}.field small{color:#a5b7c3}
.type-choice label,.status-option{background:#142530;border-color:#3b535f}.type-choice label:has(input:checked),.status-option:has(input:checked){background:#17453f;border-color:#69d8ce}
.photo-slot,.logo-upload{background:#10232e;border-color:#587480}.photo-slot p{color:#bacbd4}.logo-upload img{background:#eef3f6;border-radius:6px;padding:4px}.photo-editor button{background:#3b202a;color:#ffd6dc;border-color:#a35f71}
.deadline button{background:linear-gradient(#263e4c,#142631);border-color:#4b6878;color:#dfeef5;box-shadow:inset 0 1px 0 #d7f8ff22,0 2px 0 #060f18;transition:transform .15s}.deadline button:active{transform:translateY(2px)}.deadline button.selected{background:#18504b;border-color:#6ce6d8;color:#e5fff9}.deadline button.selected[data-value="now"]{background:linear-gradient(#9c3544,#622331);border-color:#ff8c9b;color:#fff;box-shadow:inset 0 1px 0 #ffc4c466,0 2px 0 #32101b}
.notice{background:#172f3e;color:#c3d9e5;border:1px solid #345466}.notice.warning{background:#3a3020;color:#f4d79c;border-color:#77623b}.notice.error{background:#45212a;color:#ffd2d9;border-color:#944b5c}details{background:#14232d;border-color:#38515f}.save-state{color:#aec9d0}.save-state:before{color:#71ecd4}.save-state.error{color:#ffb4bd}.empty strong{color:#edf5f8}.history-row{border-color:#38515f}.welcome-badge{background:#144e48;color:#a8f7e8}
#toast{background:#d5fff5;color:#102e32;border:1px solid #76e7d4;box-shadow:0 10px 35px #0007;text-shadow:none}
.report-shell{background:#23323b;border:1px solid #455b68}.report-page{color-scheme:light;color:#13283d;--line:#dbe3ed;--navy:#102e50;--red:#bb1d30;--muted:#66758b}.report-page .urgent{color:#bb1d30;background:#ffebee;border:0}.report-page .report-footer{border-color:#dbe3ed}
@media(hover:hover){.action-card:hover,.btn:not(.text):hover{filter:brightness(1.1)}.btn.text:hover{color:#c3fff6}}
@media(max-width:360px){.hero h2{font-size:31px}.action-card strong{font-size:19px}.action-card{padding:20px 16px}.bottom-nav button{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.btn:active,.action-card:active,.deadline button:active{transform:none}}
}

@media screen{.hero-tagline{font-size:17px;color:#d1e7ec!important;margin-bottom:8px}.hero-tagline+.subtle{font-size:12px;line-height:1.6;margin-top:0}.action-card,.btn:not(.text){box-shadow:inset 0 2px 1px #bffff06b,inset 0 -3px 1px #001e3388,0 0 0 1px #0ce3cb15,0 4px 0 #03262e,0 8px 22px #0006,0 0 14px #27dac923}.action-card.alt,.btn.secondary{box-shadow:inset 0 1px 1px #e5faff4a,inset 0 -2px 0 #050d1588,0 3px 0 #070f15,0 7px 18px #0004}.action-card:active,.btn:not(.text):active{box-shadow:inset 0 2px 6px #0005}.hero h2{font-size:36px}.btn:disabled{cursor:not-allowed;box-shadow:none;transform:none}.back{min-height:44px}.brand{filter:drop-shadow(0 2px 6px #17cfc328)}}

@media screen{.device-state{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.device-state .pill{font-size:10px;padding:5px 8px}.install-card .row{flex-wrap:nowrap;align-items:flex-start}.install-card img{border-radius:14px;flex-shrink:0}.install-card h3{margin-bottom:6px}.install-card p{margin-top:0}.install-card ol{padding-left:22px;line-height:1.65;font-size:14px}.install-card li{margin:12px 0}.install-card [hidden]{display:none!important}.install-card .device-state{margin-top:16px}}