:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f7f7f7;background:#0f1114;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--bg-dark: #0f1114;--bg-panel: rgba(20, 24, 29, .88);--bg-panel-strong: rgba(16, 19, 24, .94);--text-main: #f6f7f9;--text-muted: rgba(255, 255, 255, .7);--text-dim: rgba(255, 255, 255, .5);--accent: #f2b233;--blue: #0b84ff;--border: rgba(255, 255, 255, .08);--shadow: 0 18px 40px rgba(0, 0, 0, .35)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100vh;background:var(--bg-dark)}body{color:var(--text-main)}button,input,select,textarea{font:inherit}button{border:0;cursor:pointer}.app-shell{position:relative;min-height:100vh;overflow:hidden;padding:env(safe-area-inset-top) 16px env(safe-area-inset-bottom)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07080aeb,#07080ad1,#07080af5),url(/backgrounds/miniapp-bg-dark.webp) center / cover no-repeat;z-index:-2}.app-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(circle at 18% 16%,rgba(242,178,51,.12),transparent 30%),radial-gradient(circle at 82% 10%,rgba(255,145,0,.06),transparent 24%),radial-gradient(circle at 50% 100%,rgba(255,190,60,.05),transparent 32%)}.app-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,rgba(255,200,0,.03),transparent 30%),radial-gradient(circle at 50% 0%,rgba(255,190,60,.05),transparent 24%);pointer-events:none}.back-button{display:inline-flex;align-items:center;gap:6px;background:transparent;color:var(--text-muted);font-size:17px;padding:6px 0;margin-bottom:10px;border-radius:8px;transition:color .15s ease}.back-button:active{color:var(--accent)}.expandable-text-wrap{position:relative;width:100%}.expandable-text-fade{position:absolute;bottom:0;left:0;right:0;height:2.4em;background:linear-gradient(to bottom,transparent,var(--expandable-fade-bg, #0f1114));pointer-events:none}.expandable-text-body{color:#ffffffad;font-size:19px;line-height:1.35;margin:0;transition:all .2s ease}.expandable-text-toggle{background:#ffffff12;color:#ffffff9e;font-size:14px;padding:4px 12px;margin-top:6px;border-radius:999px;border:1px solid rgba(255,255,255,.1);display:inline-flex;align-items:center;gap:4px;transition:background .15s ease,color .15s ease}.expandable-text-toggle:active{background:#ffffff21;color:#ffffffe0}.screen{width:min(100%,720px);margin:0 auto;padding-bottom:28px}.home-screen{min-height:calc(100vh - 90px);display:flex;flex-direction:column;justify-content:center;gap:18px}.status-screen{width:min(100%,720px);min-height:100vh;margin:0 auto;display:grid;place-items:center;padding:24px 0}.status-card{width:100%;padding:28px 22px;border-radius:24px;background:#12161bd6;border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-card p{margin-top:18px;color:#fffc;font-size:19px;line-height:1.4}.error-card{border-color:#ff4d4f47}.diag-list{display:grid;gap:10px;margin-top:22px;padding:16px;border-radius:16px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.diag-list div{display:flex;justify-content:space-between;gap:12px;color:#ffffffd6;font-size:16px}.diag-list span{color:#ffffff8f}.diag-list strong{text-align:right}.brand-card{text-align:center;padding:34px 18px 94px}.logo-mark{width:min(86%,330px);margin:0 auto 18px;filter:drop-shadow(0 16px 20px rgba(0,0,0,.55))}h1,h2,h3,p{margin:0}h1{text-transform:uppercase;font-size:32px;line-height:1.08;letter-spacing:.03em;color:var(--accent);text-shadow:0 2px 0 rgba(0,0,0,.35)}.brand-card p{margin-top:72px;font-size:21px;line-height:1.35;color:#ffffffeb}.primary{width:100%;min-height:64px;border-radius:18px;background:var(--blue);color:#fff;font-size:22px;font-weight:700;letter-spacing:.03em;box-shadow:var(--shadow);transition:transform .15s ease,opacity .15s ease,background .15s ease}.primary:active{transform:translateY(1px) scale(.998)}.primary:disabled{opacity:.45;cursor:default}.primary.outline,.primary.muted{color:#f3f3f3;text-transform:uppercase;background:#161b21d1;border:1px solid rgba(242,178,51,.5)}.primary.muted{color:var(--accent)}.notice{padding:18px;border-radius:16px;background:var(--bg-panel);color:var(--text-main);font-size:20px;line-height:1.3;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice.dark{margin-bottom:22px;background:var(--bg-panel-strong)}.notice.warning{background:#f2b2332e;border-color:#f2b2335c;color:#ffe8b0}.panel-title{padding:22px 18px;border-radius:16px;background:var(--bg-panel);font-size:22px;margin-bottom:22px;border:1px solid var(--border);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.equipment-list{display:flex;flex-direction:column;gap:22px}.equipment-card{--expandable-fade-bg: #111418;color:#fff;display:flex;flex-direction:column;align-items:center;text-align:center;padding:14px 12px 20px;border-radius:20px;background:#0e1217c7;border:1px solid rgba(255,255,255,.07);box-shadow:var(--shadow);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.equipment-card-clickable{cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .12s ease}.equipment-card-clickable:hover{background:#141a21e0;border-color:#f2b23338}.equipment-card-clickable:active{transform:scale(.988);background:#161c24eb}.machine-illustration{width:100%;min-height:118px;max-height:176px;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 16px 14px rgba(0,0,0,.48))}.equipment-photo{display:block;width:min(92%,310px);max-height:168px;object-fit:contain;object-position:center}.equipment-photo-home{width:min(100%,330px);max-height:200px}.equipment-photo-compact{width:48px;min-width:48px;height:36px;max-height:36px;object-fit:contain;filter:drop-shadow(0 6px 5px rgba(0,0,0,.38))}.equipment-card h3{font-size:24px;font-weight:600;margin-top:8px;letter-spacing:.02em}.equipment-card p{margin-top:8px;max-width:520px;color:#ffffffad;font-size:19px;line-height:1.35}.form-screen{--expandable-fade-bg: #0f1114;display:flex;flex-direction:column;gap:18px}label{display:flex;flex-direction:column;gap:8px}label span,.section-caption{color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em;font-size:15px;padding-left:4px}input,select,textarea{width:100%;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:#12161be0;color:#fff;min-height:58px;padding:15px 17px;outline:none;font-size:20px;box-shadow:inset 0 1px #ffffff05}input::placeholder,textarea::placeholder{color:#ffffff61}textarea{min-height:118px;resize:vertical}.suggestions{display:flex;flex-direction:column;gap:10px;margin-top:-8px}.suggestion-button{width:100%;min-height:48px;border-radius:14px;padding:10px 14px;background:#0b84ff2e;color:#fff;text-align:left;font-size:17px;border:1px solid rgba(11,132,255,.38)}.field-error{margin-top:-8px;padding:12px 14px;border-radius:12px;background:#ff4d4f29;color:#ffb3b3;border:1px solid rgba(255,77,79,.34);font-size:16px;line-height:1.3}.profile-head{display:flex;align-items:center;gap:16px;margin:10px 0 18px}.avatar{width:76px;height:76px;border-radius:999px;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#617bff,#11b5a6);font-size:34px;font-weight:800;border:3px solid rgba(255,255,255,.75)}.avatar-image{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block}.profile-head h2{font-size:26px}.profile-head p{margin-top:6px;color:#ffffff9e;line-height:1.35}.attachments-section{display:flex;flex-direction:column;gap:12px}.attachment-actions{display:grid;gap:10px}.attachment-button{width:100%;min-height:52px;border-radius:16px;padding:14px 16px;display:flex;align-items:center;justify-content:center;background:#ffffff0f;color:#fff;border:1px solid rgba(255,255,255,.08);text-align:center}.attachment-button.recording{background:#ff4d4f33;border-color:#ff4d4f66;color:#ffd3d3}.attachment-button input{display:none}.attachment-list{display:flex;flex-direction:column;gap:10px}.attachment-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:#12161be0;border:1px solid rgba(255,255,255,.06)}.attachment-main{display:flex;align-items:center;gap:12px;min-width:0}.attachment-icon{font-size:22px}.attachment-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.attachment-meta strong,.attachment-meta span{overflow:hidden;text-overflow:ellipsis}.attachment-meta span{color:#ffffff9e;font-size:15px}.attachment-remove{flex-shrink:0;background:transparent;color:#ff9b9b;font-size:15px}.toggle-list{border-radius:16px;overflow:hidden;background:#12161be0;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}.toggle-row{width:100%;display:flex;justify-content:space-between;align-items:center;min-height:56px;padding:12px 16px;background:transparent;color:#f7f7f7;font-size:20px;border-bottom:1px solid rgba(255,255,255,.08)}.toggle-row:last-child{border-bottom:0}.toggle-row.active{color:#fff;background:#0b84ff2e}.toggle-title{display:flex;align-items:center;gap:10px;min-width:0}.switch{width:44px;height:28px;border-radius:999px;background:#ffffff1f;display:grid;place-items:center;color:#45d36d;font-weight:900}.chip-grid{display:flex;flex-wrap:wrap;gap:10px}.chip{min-height:44px;padding:10px 14px;border-radius:999px;background:#12161be0;color:#ffffffc7;border:1px solid rgba(255,255,255,.06)}.chip.active{background:var(--blue);color:#fff}@media (max-width: 560px){h1{font-size:28px}.brand-card{padding-bottom:72px}.brand-card p{font-size:18px;margin-top:54px}.primary{font-size:20px;min-height:58px}.machine-illustration{min-height:104px;max-height:154px}.equipment-photo{width:min(92%,280px);max-height:146px}.equipment-photo-home{max-height:178px}.equipment-card h3{font-size:22px}.equipment-card p{font-size:17px}input,select,textarea{font-size:18px}}