:root{color:#edf7f5;font-synthesis:none;background:#071019;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at top,#10282a 0,#071019 45%);min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button{color:#e9f7f3;cursor:pointer;background:#10222a;border:1px solid #27434a;border-radius:10px;min-height:44px;padding:8px 12px}button:hover,button:focus-visible{border-color:#58d7bd;outline:none}.app-shell{min-height:100vh}.demo-bar{color:#ffe6ac;background:#40260c;border-bottom:1px solid #a76619;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 16px;display:flex}.demo-bar span{font-size:12px}.tenant-switch{gap:6px;margin-left:auto;display:flex}.topbar{justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.brand{letter-spacing:.22em;color:#78ead1;font-weight:900}.subtitle{color:#96aaa8;margin-top:4px;font-size:12px}.tenant-pill{color:#bad6d1;border:1px solid #2f5156;border-radius:999px;padding:7px 10px;font-size:11px}.feedback-shortcut{background:#0b1831;border-color:#315fa8;align-items:center;gap:8px;display:flex}.feedback-shortcut img{object-fit:cover;border-radius:8px;width:32px;height:32px}.nav{gap:6px;padding:0 16px 12px;display:flex;overflow-x:auto}.nav button{white-space:nowrap}.nav button.active{background:#1f806e;border-color:#65e0c5}.panel{background:#09171fe0;border:1px solid #1e3740;border-radius:16px;margin:0 16px 16px;padding:18px;box-shadow:0 16px 40px #0003}.hero{padding:30px}.hero h1{max-width:700px;margin:0 0 12px;font-size:clamp(28px,5vw,52px)}.hero p{color:#a6bdb8}.cards{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:20px;display:grid}.cards article{background:#0c1a22;border:1px solid #26434b;border-radius:14px;flex-direction:column;gap:6px;padding:18px;display:flex}.cards strong{color:#70ddc4;font-size:22px}.cards span,small{color:#87a29f}.notes-layout{grid-template-columns:minmax(250px,340px) 1fr;gap:0;display:grid}.row{justify-content:space-between;align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.search,.title-input,textarea,.feedback-form input,.feedback-form select,.account-class select{color:#f5fffc;background:#061117;border:1px solid #28464e;border-radius:10px;width:100%;padding:12px}.search{margin-bottom:12px}.note-card{text-align:left;justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.editor{flex-direction:column;gap:12px;min-height:540px;display:flex}.editor textarea{resize:vertical;min-height:390px}.title-input{font-size:20px;font-weight:800}.empty{color:#7c9592;margin:auto}.node-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;display:grid}.node-card,.queue{background:#0a1820;border:1px solid #28444b;border-radius:12px;padding:14px}.danger{color:#ffb6b6;border-color:#744}.notice{border:1px dashed #4b7774;border-radius:12px;justify-content:space-between;gap:12px;margin-top:18px;padding:14px;display:flex}.warning{color:#ffe2a6;border-color:#b07b27}.owner{border-color:#8a6a28}.feedback-heading{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.feedback-heading p{color:#9fb4b3}.account-class{color:#adc0bd;min-width:220px;font-size:12px}.account-class select{margin-top:6px}.feedback-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:18px 0;display:grid}.feedback-card{text-align:center;background:linear-gradient(#0d1c32,#09151f);border:1px solid #285c93;border-radius:18px;padding:18px}.feedback-card.selected{box-shadow:inset 0 0 0 2px #4bb4ff,0 12px 30px #004bb433}.feedback-card.urgent{border-color:#9a6234}.feedback-card.urgent.selected{box-shadow:inset 0 0 0 2px #e5a24f,0 12px 30px #af4b0033}.feedback-card p{color:#a9b8b9;min-height:58px}.envelope-button{background:0 0;border:0;width:100%;min-height:0;padding:0;position:relative}.envelope-button img{aspect-ratio:1;object-fit:cover;border-radius:24px;width:min(100%,280px);margin:auto;display:block;box-shadow:0 18px 45px #0055ff38}.urgent-envelope img{filter:saturate(.85)sepia(.15)}.urgent-envelope span{color:#fff;letter-spacing:.08em;background:#8b1f1f;border-radius:999px;padding:7px 10px;font-size:11px;font-weight:900;position:absolute;top:18px;right:18px}.panel-inset,.vent-box{background:#07151d;border:1px solid #28444b;border-radius:16px;margin-top:16px;padding:16px}.feedback-form{gap:10px;display:grid}.feedback-form textarea,.vent-box textarea{min-height:140px}.check-row{color:#b5c8c4;align-items:center;gap:8px;font-size:13px;display:flex}.check-row input{width:auto}.delivery-status{color:#ffe1a6;background:#38250c;border:1px solid #8d6629;border-radius:10px;padding:10px;font-family:ui-monospace,monospace}.vent-title{align-items:flex-start;gap:14px;display:flex}.trash-icon{font-size:40px}.vent-title h3{margin-bottom:4px}.vent-title p{color:#aab7b6;margin-top:0}.vent-list{gap:10px;margin-top:14px;display:grid}.vent-list article{background:#11181d;border:1px solid #3d3737;border-radius:12px;padding:12px}.vent-list article p{white-space:pre-wrap}.vent-list article button{margin-top:10px}.feedback-dock h2,.feedback-dock h3{margin-top:0}@media (width<=700px){.demo-bar{align-items:flex-start}.tenant-switch{width:100%;margin-left:0;overflow-x:auto}.topbar{flex-direction:column;align-items:flex-start;gap:12px}.topbar-actions{justify-content:space-between;width:100%}.tenant-pill{text-overflow:ellipsis;max-width:52%;overflow:hidden}.notes-layout{display:block}.panel{margin:0 10px 10px;padding:14px}.editor{min-height:460px}.row{align-items:flex-start}.node-grid{grid-template-columns:1fr}.nav{padding-left:10px}.hero{padding:22px}.demo-bar button,.nav button,.row button{min-height:44px}.feedback-heading{display:block}.account-class{margin-top:12px;display:block}.feedback-grid{grid-template-columns:1fr}.feedback-card p{min-height:0}.feedback-shortcut span{display:none}.feedback-shortcut img{width:38px;height:38px}.notice{flex-direction:column}.vent-title{align-items:center}}