:root{--bg:#030201;--gold:#c58b3c;--gold2:#f1b96c;--cream:#fff7ea;--muted:#d7c5ac;--line:#c58b3ca6;--shadow:0 0 24px #dc701747, inset 0 0 18px #ff9b3a21;--success:#95d39a;--danger:#f08b8b}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:var(--cream);background:#000;place-items:center;padding:10px;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid}.phone{background-color:#0000;background-image:linear-gradient(#0000002e,#000000c7),url(https://images.unsplash.com/photo-1527281400683-1aae777175f8?auto=format&fit=crop&w=900&q=80);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff14;border-radius:34px;width:min(390px,100vw);height:min(844px,100dvh);min-height:700px;position:relative;overflow:hidden;box-shadow:0 30px 80px #000000bf}.phone:before{content:"";pointer-events:none;background:linear-gradient(#0000001f,#0000006b 42%,#000000f0);position:absolute;inset:0}.app-shell{z-index:1;flex-direction:column;height:100%;padding:18px 22px;display:flex;position:relative}.status{justify-content:space-between;margin-bottom:18px;font-size:17px;font-weight:700;display:flex}.status-icons{letter-spacing:1.5px;font-size:14px}.screen{scrollbar-width:none;height:100%;padding-bottom:86px;overflow:auto}.screen::-webkit-scrollbar{display:none}.home-screen{flex-direction:column;height:100%;padding-bottom:0;display:flex;overflow:hidden}.brand{text-align:center;margin-top:4px}.mark{border:2px solid var(--gold);background:#00000029;border-radius:999px;place-items:center;width:96px;height:96px;margin:0 auto 14px;font-size:42px;display:grid;box-shadow:0 0 18px #c58b3c2e}h1{letter-spacing:.5px;text-shadow:0 3px 8px #000000bf;margin:0;font-family:Georgia,Times New Roman,serif;font-size:42px;line-height:.94}.app-word{color:var(--gold);letter-spacing:8px;justify-content:center;align-items:center;gap:12px;margin:11px 0 14px;font-family:Georgia,serif;font-size:23px;font-weight:700;display:flex}.app-word:before,.app-word:after{content:"";background:var(--gold);width:58px;height:1px}.tagline{color:#fff;text-shadow:0 2px 7px #000c;max-width:320px;margin:0 auto 20px;font-size:18px;line-height:1.3}.stack{gap:14px;margin-top:auto;margin-bottom:12px;display:grid}button{font:inherit;cursor:pointer}button:disabled{opacity:.55;cursor:not-allowed}button.card{border:1.5px solid var(--line);width:100%;color:var(--cream);text-align:left;background:#040302b8;border-radius:13px;grid-template-columns:44px 1fr 20px;align-items:center;min-height:76px;padding:17px 16px;display:grid}button.card:hover,button.card:focus{box-shadow:var(--shadow);border-color:var(--gold2);outline:none;transform:translateY(-1px)}button.primary{box-shadow:var(--shadow);background:linear-gradient(135deg,#702005f5,#832c0beb);border-color:#ff841ee0}.icon{color:var(--gold2);place-items:center;font-size:28px;display:grid}.title{letter-spacing:1px;text-transform:uppercase;font-size:21px;font-weight:650;line-height:1.05}.sub{color:var(--gold2);margin-top:7px;font-size:13px;line-height:1.25;display:block}.bullets{color:var(--gold2);margin-top:9px;font-size:14px;line-height:1.5}.bullets div:before{content:"•";margin-right:8px}.chev{color:#fff;font-size:46px;font-weight:200;line-height:1}.footer{text-align:center;color:var(--gold2);margin-top:4px;font-size:13px;line-height:1.35}.homebar{background:#fff;border-radius:999px;width:135px;height:5px;margin:12px auto 0}.topbar{z-index:10;background:linear-gradient(#070402fa,#070402b8,#0000);justify-content:space-between;align-items:center;gap:12px;padding:4px 0 14px;display:flex;position:sticky;top:0}.back{border:1px solid var(--line);color:var(--gold2);background:#00000059;border-radius:999px;padding:9px 13px;font-size:15px}.screen-title{margin:4px 0 6px;font-family:Georgia,serif;font-size:31px;line-height:1}.screen p,.small-note{color:var(--muted);font-size:15px;line-height:1.42}.mock-box,.card-panel{border:1px solid var(--line);background:#ffffff09;border-radius:16px;margin-top:16px;padding:15px;box-shadow:inset 0 0 20px #ff9b3a0a}.mock-btn,.action-btn{color:#fff;text-align:center;background:linear-gradient(135deg,#702005f2,#832c0bdb);border:1px solid #ff841ed9;border-radius:12px;width:100%;margin:12px 0 0;padding:14px;font-size:16px;display:block}.action-btn.secondary,.mock-btn.secondary{color:var(--gold2);border-color:var(--line);background:#040302bd}.row{cursor:pointer;border-bottom:1px solid #c58b3c40;justify-content:space-between;align-items:center;gap:12px;padding:13px 0;display:flex}.row:last-child{border-bottom:none}.small{color:var(--muted);font-size:13px;line-height:1.35}.rating{white-space:nowrap;color:var(--gold2);font-weight:700}label{color:var(--gold2);margin:12px 0 5px;font-size:14px;font-weight:650;display:block}input,textarea,select{width:100%;color:var(--cream);font:inherit;background:#0000008c;border:1px solid #c58b3c73;border-radius:10px;outline:none;padding:11px}textarea{resize:vertical;min-height:88px}.modal,.feedback-modal{z-index:50;background:#000000b8;justify-content:center;align-items:flex-start;padding:24px 18px;display:flex;position:absolute;inset:0;overflow:auto}.modal-box,.feedback-box{width:100%;max-width:350px;color:var(--cream);border:1px solid var(--line);background:linear-gradient(#130904fa,#040302fa);border-radius:18px;padding:18px;box-shadow:0 20px 60px #000000b3}.modal-box h2,.feedback-box h2{margin:0 0 8px;font-family:Georgia,serif;font-size:27px}.characteristic-group{margin:10px 0 16px}.characteristic-group h3{color:var(--cream);margin:8px 0;font-size:15px}.characteristic-options{grid-template-columns:1fr 1fr;gap:8px 12px;display:grid}.characteristic-options label{color:var(--muted);align-items:center;gap:8px;margin:0;font-size:14px;font-weight:400;display:flex}.characteristic-options input{width:auto;margin:0}.feedback-btn{z-index:35;width:auto;color:var(--gold2);border:1px solid var(--line);background:#000000b8;border-radius:999px;padding:10px 18px;font-weight:700;position:absolute;bottom:20px;right:18px;box-shadow:0 8px 25px #00000059}.feedback-actions{justify-content:flex-end;gap:10px;margin-top:14px;display:flex}.feedback-actions button{border:1px solid var(--line);color:var(--gold2);background:#040302bf;border-radius:10px;padding:10px 12px}.feedback-actions button:last-child{color:#fff;background:linear-gradient(135deg,#702005f2,#832c0bdb)}.error{font-weight:700;color:var(--danger)!important}@media (height<=760px){.status{margin-bottom:10px;font-size:15px}.mark{width:74px;height:74px;margin-bottom:10px}h1{font-size:34px}.app-word{margin:8px 0 9px;font-size:19px}.tagline{margin-bottom:12px;font-size:15px}.stack{gap:10px}button.card{min-height:66px;padding:13px 14px}.title{font-size:18px}.sub{font-size:12px}.bullets{font-size:12px;line-height:1.35}.footer{font-size:12px}}