:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f2f5fa;background:#0d1424;font-size:16px;font-weight:400;--bg:#0d1424;--panel:#192438;--panel2:#202d42;--line:#2c3a51;--muted:#92a0b7;--gold:#f4bd4f;--gold2:#e49a30;--green:#4bd398;--red:#ff817f;--blue:#79aaff;--shadow:0 18px 50px rgba(0,0,0,.22)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg)}body{background:radial-gradient(circle at 95% 0%,#253455 0,transparent 38%),radial-gradient(circle at 0% 50%,#161f35 0,transparent 44%),var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.56}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.hidden{display:none!important}.app-shell{width:min(100%,760px);min-height:100dvh;margin:auto;padding:calc(env(safe-area-inset-top) + 18px) 18px calc(104px + env(safe-area-inset-bottom))}.topbar{height:58px;display:flex;align-items:center;gap:12px}.brand-mark{height:42px;width:42px;border:1px solid rgba(244,189,79,.42);border-radius:14px;display:grid;place-items:center;color:var(--gold);background:linear-gradient(145deg,#29334a,#151e31);font-weight:900;font-size:25px;box-shadow:0 6px 18px #0003}.brand-copy{display:flex;flex-direction:column;gap:2px;letter-spacing:.08em}.brand-copy strong{font-size:18px;font-weight:800}.brand-copy span{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.12em}.language-button{margin-left:auto;border:1px solid var(--line);background:#202d42;color:#f2f5fa;border-radius:14px;padding:10px 12px;font-size:12px;font-weight:800}.group-picker{margin:22px 0 25px;width:100%;min-height:76px;display:flex;align-items:center;gap:13px;padding:11px 16px;border:1px solid #394657;border-radius:20px;color:#fff;background:linear-gradient(115deg,#26354d,#1a283d);text-align:left;box-shadow:var(--shadow)}.group-picker-icon{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:13px;background:#3a342c;color:var(--gold);font-size:27px}.group-picker-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:5px}.group-picker-copy small{font-size:10px;letter-spacing:.12em;font-weight:800;color:#a7b4c8}.group-picker-copy strong{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.group-picker-arrow{color:var(--muted);font-size:23px}.content{min-height:62vh}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:20px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--gold);text-transform:uppercase;margin-bottom:8px}.page-head h1{font-size:29px;line-height:1.12;letter-spacing:-.035em;margin:0}.page-head p{color:var(--muted);line-height:1.45;margin:9px 0 0;font-size:14px}.refresh-button{border:1px solid var(--line);color:#bec9da;background:#202c40;border-radius:13px;min-width:41px;height:41px;font-size:20px;flex:none}.hero{position:relative;overflow:hidden;border:1px solid rgba(244,189,79,.24);background:linear-gradient(125deg,#3f312c 0%,#2c2c38 44%,#1e2940 100%);padding:21px;border-radius:23px;box-shadow:var(--shadow);margin-bottom:16px}.hero:after{content:"А";position:absolute;right:20px;top:-35px;color:#ffffff0c;font-weight:900;font-size:160px;pointer-events:none}.hero-title{font-size:12px;letter-spacing:.11em;color:#f4c783;font-weight:800;text-transform:uppercase}.hero h2{font-size:25px;line-height:1.12;margin:10px 0 8px;max-width:80%;letter-spacing:-.02em}.hero p{font-size:14px;line-height:1.5;color:#c3cad6;max-width:80%;margin:0}.hero-button{position:relative;margin-top:18px;border:none;border-radius:12px;background:var(--gold);color:#2e230e;padding:11px 16px;font-size:14px;font-weight:800}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px;margin:15px 0 25px}.status-card{border:1px solid var(--line);border-radius:18px;background:var(--panel);padding:16px;text-align:left;min-height:103px}.status-card .icon{font-size:23px}.status-card .status-label{display:block;color:var(--muted);font-size:12px;margin-top:8px}.status-card strong{font-size:16px;display:block;margin-top:3px}.status-card strong.on{color:var(--green)}.status-card strong.off{color:#f29a91}.section-label{font-size:12px;color:#aab7ca;text-transform:uppercase;letter-spacing:.12em;font-weight:800;margin:25px 4px 11px}.section-card{background:var(--panel);border:1px solid var(--line);border-radius:20px;margin:12px 0;overflow:hidden}.section-header{width:100%;display:flex;align-items:center;gap:12px;padding:17px 18px;background:transparent;border:0;color:#f5f6fa;text-align:left}.section-header .section-icon{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#2b3547;color:var(--gold);font-size:19px}.section-header strong{font-size:16px;flex:1}.section-header .chev{color:var(--muted);font-size:22px;transition:transform .2s}.section-card.open .chev{transform:rotate(180deg)}.section-body{padding:0 14px 14px}.setting-row{min-height:67px;width:100%;display:flex;align-items:center;gap:11px;padding:11px 6px;border:0;border-top:1px solid #2b3850;background:transparent;color:inherit;text-align:left}.setting-row:first-child{border-top:0}.setting-symbol{width:33px;height:33px;border-radius:10px;background:#29364b;display:grid;place-items:center;flex:none;font-size:17px}.setting-copy{min-width:0;flex:1}.setting-copy strong{font-size:14px;font-weight:650;display:block}.setting-copy small{font-size:12px;line-height:1.35;color:var(--muted);display:block;margin-top:3px}.setting-value{color:var(--gold);font-size:13px;font-weight:700;text-align:right;max-width:41%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.setting-value.off{color:#8999b3}.switch{width:44px;height:26px;border-radius:20px;background:#4a586d;padding:3px;flex:none;transition:background .2s}.switch:after{content:"";display:block;width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:transform .2s}.switch.on{background:var(--gold2)}.switch.on:after{transform:translateX(18px)}.plain-card{padding:18px;background:var(--panel);border:1px solid var(--line);border-radius:19px;margin:11px 0}.plain-card h3{font-size:16px;margin:0 0 6px}.plain-card p{color:var(--muted);font-size:13px;line-height:1.48;margin:0}.plain-card .card-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.secondary-button,.outline-button,.danger-button{border-radius:11px;border:1px solid #45536a;background:#2b3950;color:#f2f5fa;padding:9px 13px;font-size:13px;font-weight:700}.outline-button{background:transparent;color:var(--gold);border-color:#725c37}.danger-button{color:#ffaaa3;border-color:#6c4652;background:#382c39}.word-list{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.word-chip{display:flex;align-items:center;gap:8px;border-radius:10px;padding:6px 8px 6px 11px;background:#27374d;border:1px solid #354a62;color:#e5ecf8;font-size:13px}.word-chip button{border:0;background:#ffffff14;color:#f5aeaa;width:23px;height:23px;border-radius:7px}.empty-state{padding:25px 18px;border:1px dashed #455169;border-radius:17px;text-align:center;color:var(--muted);line-height:1.5;font-size:14px}.item-list{display:grid;gap:10px}.item-card{display:flex;align-items:center;gap:12px;padding:15px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.item-card .item-emoji{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#2b3950;font-size:19px}.item-card .item-copy{flex:1;min-width:0}.item-card .item-copy strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.item-card .item-copy small{color:var(--muted);font-size:12px;display:block;margin-top:5px}.item-card button{border:1px solid #4e5a6f;border-radius:10px;background:#26364d;color:#e9effa;padding:8px 10px;font-weight:700;font-size:12px}.item-card button.active{background:#314a3e;color:#8cedbd;border-color:#3d7759}.help-note{font-size:12px;line-height:1.5;color:#9fadbf;background:#17263c;border:1px solid #2a3c56;border-radius:14px;padding:13px 15px;margin:12px 0}.bottom-nav{position:fixed;z-index:10;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);display:grid;grid-template-columns:repeat(5,1fr);gap:3px;padding:10px 8px calc(9px + env(safe-area-inset-bottom));background:rgba(22,32,49,.96);border-top:1px solid #344054;backdrop-filter:blur(18px);border-radius:20px 20px 0 0;box-shadow:0 -10px 28px #0003}.bottom-nav button{color:#8f9fb6;border:0;border-radius:14px;background:transparent;min-height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:10px;font-weight:700;line-height:1.1}.bottom-nav button .nav-icon{font-size:21px}.bottom-nav button.active{color:var(--gold);background:#4b3e2c77}.sheet-backdrop{position:fixed;inset:0;background:#01050cca;z-index:20;backdrop-filter:blur(5px)}.sheet{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:21;width:min(100%,760px);max-height:88dvh;overflow:auto;background:#1c293d;border:1px solid #40516c;border-radius:25px 25px 0 0;box-shadow:0 -25px 60px #0007;padding:19px 20px calc(22px + env(safe-area-inset-bottom))}.sheet-grip{height:4px;width:38px;border-radius:5px;background:#78879a;margin:0 auto 18px}.sheet-head{display:flex;align-items:center;gap:10px;margin-bottom:17px}.sheet-head h2{font-size:19px;margin:0;flex:1}.sheet-close{background:#344157;border:0;color:#e9edf3;border-radius:10px;width:34px;height:34px;font-size:20px}.sheet label{display:block;color:#a6b5c8;font-size:12px;font-weight:700;margin:14px 0 7px}.sheet input,.sheet textarea{width:100%;border-radius:12px;background:#111d30;border:1px solid #3d4c63;color:#fff;padding:12px 14px;outline:none}.sheet textarea{min-height:125px;resize:vertical}.sheet input:focus,.sheet textarea:focus{border-color:var(--gold)}.sheet-action{width:100%;background:var(--gold);color:#241d13;border:0;border-radius:12px;padding:13px 16px;font-weight:800;margin-top:17px}.sheet-option{width:100%;border:1px solid #35475f;background:#25334a;color:#e9eef8;padding:14px 15px;margin:5px 0;border-radius:12px;text-align:left;display:flex;justify-content:space-between;align-items:center}.sheet-option.selected{border-color:#b88935;background:#453d31;color:#ffdc96}.sheet-subtitle{font-size:13px;color:var(--muted);line-height:1.48}.search-input{margin:4px 0 12px}.toast{position:fixed;z-index:40;left:50%;transform:translateX(-50%);bottom:calc(90px + env(safe-area-inset-bottom));width:min(calc(100% - 34px),500px);background:#d8f7e4;color:#163d2a;border-radius:12px;padding:12px 15px;box-shadow:var(--shadow);font-size:13px;font-weight:700}.toast.error{background:#ffe1dd;color:#6d2924}.loading{display:grid;place-items:center;text-align:center;color:var(--muted);padding:100px 0}.spinner{width:30px;height:30px;border:3px solid #59657b;border-top-color:var(--gold);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:420px){.app-shell{padding-left:14px;padding-right:14px}.page-head h1{font-size:26px}.hero h2{font-size:22px}.bottom-nav button{font-size:9px}.status-card{padding:13px}}
.head-actions{display:flex;gap:6px;flex:none}
.module-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.module-card{background:var(--panel);border:1px solid var(--line);border-radius:16px;color:#eef3fb;text-align:left;padding:13px;min-height:100px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.module-card .module-icon{font-size:22px}.module-card strong{font-size:14px}.module-card small{font-size:11px;color:#f39e99}.module-card small.on{color:var(--green)}.preserve-lines{white-space:pre-line}
.stats-chips{display:flex;gap:7px;overflow-x:auto;margin:9px 0 13px;padding-bottom:4px}.stats-chip{white-space:nowrap;border:1px solid #43516a;border-radius:12px;background:#26354c;color:#d8e2ef;padding:9px 12px;font-size:12px;font-weight:700}.stats-chip.selected{border-color:#c08b30;background:#493d2c;color:#ffda88}.stats-report{border:1px solid #37475f;border-radius:15px;background:#121d30;padding:16px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.55;font-size:13px;color:#e8eef7}
.bottom-nav{grid-template-columns:repeat(6,minmax(0,1fr))}.bottom-nav button{padding-inline:2px;overflow:hidden;white-space:nowrap}.group-picker-copy strong{unicode-bidi:plaintext}.hero h2{overflow-wrap:anywhere}.shop-row{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:60px;margin:8px 0;padding:12px 15px;border-radius:15px;border:1px solid var(--line);background:var(--panel);color:#edf2f9;text-align:left}.shop-row strong{color:var(--gold);font-size:13px;white-space:nowrap}.primary-inline{width:100%;border:0;border-radius:14px;background:var(--gold);color:#2d2415;padding:14px 17px;margin:10px 0;font-weight:800;text-align:center}.campaign-preview{white-space:pre-wrap;overflow-wrap:anywhere;background:#142035;border:1px solid var(--line);border-radius:12px;padding:14px;margin:15px 0;max-height:170px;overflow:auto;font-size:13px;line-height:1.5}.sheet select{width:100%;border-radius:12px;background:#111d30;border:1px solid #3d4c63;color:#fff;padding:12px 14px}.sheet [hidden]{display:none!important}@media(max-width:420px){.bottom-nav button{font-size:8px}.bottom-nav button .nav-icon{font-size:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
body[data-theme="ocean"]{--bg:#071d2b;--panel:#112b3d;--panel2:#1a3c4e;--line:#285064;--gold:#6bd6e8;--gold2:#3298ad;--blue:#75d2ef;background:radial-gradient(circle at 92% 0%,#14516a 0,transparent 42%),radial-gradient(circle at 0% 65%,#0e3548 0,transparent 46%),var(--bg)}
body[data-theme="plum"]{--bg:#1a1027;--panel:#2d1d3d;--panel2:#3a2851;--line:#59416a;--gold:#e6a4e8;--gold2:#aa64ae;--blue:#d4a6ff;background:radial-gradient(circle at 90% 0%,#513167 0,transparent 40%),radial-gradient(circle at 0% 65%,#321c49 0,transparent 45%),var(--bg)}
body[data-theme="forest"]{--bg:#0b1d19;--panel:#182d27;--panel2:#234039;--line:#345a4a;--gold:#9dddb0;--gold2:#56a575;--blue:#92d7b5;background:radial-gradient(circle at 90% 0%,#295b46 0,transparent 40%),radial-gradient(circle at 0% 65%,#193c31 0,transparent 45%),var(--bg)}
body[data-theme="copper"]{--bg:#21171b;--panel:#38272b;--panel2:#493034;--line:#6a464a;--gold:#ffc080;--gold2:#d58b59;--blue:#f3b08f;background:radial-gradient(circle at 90% 0%,#704044 0,transparent 40%),radial-gradient(circle at 0% 65%,#493035 0,transparent 45%),var(--bg)}
body:not([data-theme="midnight"]) .group-picker{background:linear-gradient(115deg,var(--panel2),var(--panel))}body:not([data-theme="midnight"]) .sheet{background:var(--panel)}body:not([data-theme="midnight"]) .bottom-nav{background:var(--bg)}.theme-option{justify-content:flex-start;gap:13px}.theme-option span:last-child{margin-left:auto}.theme-swatch{width:28px;height:28px;flex:none;border-radius:9px;border:1px solid #ffffff55}.theme-swatch.midnight{background:linear-gradient(135deg,#0d1424,#f4bd4f)}.theme-swatch.ocean{background:linear-gradient(135deg,#071d2b,#6bd6e8)}.theme-swatch.plum{background:linear-gradient(135deg,#1a1027,#e6a4e8)}.theme-swatch.forest{background:linear-gradient(135deg,#0b1d19,#9dddb0)}.theme-swatch.copper{background:linear-gradient(135deg,#21171b,#ffc080)}
.review-list-card{display:flex;flex-direction:column;gap:7px;width:100%;padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);color:#eef3fa;text-align:left}.review-list-card strong{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.review-list-card small,.review-kind{font-size:12px;color:var(--muted)}.review-card-text{white-space:pre-wrap;overflow-wrap:anywhere;padding:15px;border:1px solid var(--line);border-radius:13px;background:#142035;color:#f1f4fa;font-size:14px;line-height:1.5;max-height:32dvh;overflow:auto}.review-media{margin:14px 0;text-align:center;color:var(--muted)}.review-media img,.review-media video{display:block;max-width:100%;max-height:38dvh;margin:auto;border-radius:12px}.sheet a.sheet-option{text-decoration:none}
.journal-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 19px}.journal-tabs button{border:1px solid var(--line);background:var(--panel);color:#dbe5f2;border-radius:13px;padding:12px 8px;font-size:12px;font-weight:750;text-align:center}.journal-tabs button.active{border-color:var(--gold);color:var(--gold);background:var(--panel2)}.journal-tabs span{display:inline-block;min-width:19px;margin-left:3px;padding:2px 5px;border-radius:9px;background:#ffffff18}.review-list-card small{display:block;line-height:1.4}.review-footer{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px;padding-top:5px}.review-list-card a{color:var(--gold);font-size:12px;text-decoration:none;margin-top:6px}.review-card-text.message-text{background:var(--panel);font-size:15px}.report-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px}.report-facts div{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px;min-width:0}.report-facts small{display:block;color:var(--muted);font-size:10px;font-weight:800;margin-bottom:5px}.report-facts strong{display:block;overflow-wrap:anywhere;font-size:14px}.review-media audio{width:100%}
.journal-tools{display:flex;gap:10px;align-items:center;margin:12px 0 16px}.journal-tools input{flex:1;min-width:0;border:1px solid rgba(150,180,215,.28);border-radius:14px;background:#14253a;color:#fff;padding:12px 14px;font:inherit}.journal-tools input:focus{outline:2px solid #60c8d8}.journal-tools .outline-button{width:48px;height:46px;padding:0;font-size:26px}
