:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#173f38;background:#eef7f5;font-synthesis:none;--ink:#173f38;--muted:#67817b;--green:#2f8f7c;--green2:#5db4a1;--blue:#4d96b8;--panel:#fff;--line:#d9e9e5;--soft:#edf8f4;--softblue:#eef7fb;--warn:#fff8e8;--shadow:0 18px 50px rgba(34,80,71,.09)}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at top left,#f8fcfb 0,#eef7f5 42%,#eaf3f7);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.shell{min-height:100vh}.topbar{position:sticky;top:0;z-index:20;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);padding:12px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px}.brand img{width:54px;height:54px;object-fit:contain}.brand strong{display:block;font-size:19px}.brand small{color:var(--muted)}.userbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pill{border-radius:999px;padding:7px 11px;background:var(--soft);font-size:12px;font-weight:800;color:var(--green)}.btn{border:0;border-radius:12px;padding:11px 15px;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;font-weight:800;box-shadow:0 6px 18px #2f8f7c2e}.btn.secondary{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.danger{background:#fff3f3;color:#a13e3e;border:1px solid #f1cfcf;box-shadow:none}.btn.small{padding:8px 11px;font-size:12px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:22px;max-width:1420px;margin:0 auto;padding:22px}.sidebar{position:sticky;top:92px;align-self:start;background:#ffffffd6;border:1px solid var(--line);border-radius:18px;padding:12px;box-shadow:var(--shadow)}.navbtn{width:100%;border:0;background:transparent;border-radius:12px;padding:13px 12px;text-align:left;color:var(--ink);font-weight:800;margin:3px 0}.navbtn:hover,.navbtn.active{background:var(--soft);color:var(--green)}.content{min-width:0}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow);margin-bottom:18px}.hero{padding:30px;background:linear-gradient(135deg,#f5fcf9,#f1f8fc)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;color:var(--green)}h1,h2,h3{margin-top:0}h1{font-size:clamp(28px,4vw,42px);line-height:1.08;margin-bottom:12px}h2{font-size:24px}p{line-height:1.6;color:#4f6d66}.rules{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:18px}.rule{background:#fff;border:1px solid var(--line);border-radius:14px;padding:12px;font-size:13px;color:#49675f}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.channel-card,.theme-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:20px;text-align:left;transition:.18s;min-height:130px}.channel-card:hover,.theme-card:hover{transform:translateY(-2px);border-color:#9ed4c8;box-shadow:0 14px 28px #2f8f7c1a}.channel-card .icon,.theme-card .icon{font-size:30px;display:block;margin-bottom:10px}.channel-card strong,.theme-card strong{font-size:18px;display:block}.channel-card small,.theme-card small{color:var(--muted);line-height:1.5}.stepper{display:flex;gap:8px;overflow:auto;padding:4px 0 14px}.step{white-space:nowrap;border:1px solid var(--line);background:#fff;color:#57736c;border-radius:999px;padding:9px 12px;font-weight:800;font-size:12px}.step.active{background:var(--green);color:#fff;border-color:var(--green)}.phrase-list{display:grid;gap:10px}.phrase{border:1px solid var(--line);border-radius:15px;padding:15px 16px;background:#fbfdfc;position:relative}.phrase:hover{border-color:#a9d7cc}.phrase .quote{font-size:16px;line-height:1.55;color:#234a42;padding-right:80px}.phrase-actions{position:absolute;right:10px;top:10px;display:flex;gap:5px}.iconbtn{border:1px solid var(--line);background:#fff;border-radius:9px;padding:6px 8px}.iconbtn.fav{color:#c08b19}.stage-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.stage-head p{margin:4px 0 0}.notice{border:1px solid #eadcad;background:var(--warn);border-radius:14px;padding:12px 14px;color:#665a2c;font-size:13px;margin:14px 0}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:16px 0}.guide{background:var(--softblue);border:1px solid #d9e9f2;border-radius:14px;padding:13px}.guide b{display:block;margin-bottom:5px}.footer{padding:18px;text-align:center;color:#7a928c;font-size:12px}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:var(--shadow)}.login-card img{width:170px;display:block;margin:0 auto 16px}.login-card h1{text-align:center;font-size:28px}.login-card p{text-align:center}.field{display:grid;gap:6px;margin:12px 0}.field label{font-size:13px;font-weight:800}.field input,.field select{width:100%;border:1px solid #cfe1dd;border-radius:11px;padding:12px;background:#fff}.field input:focus{outline:3px solid rgba(47,143,124,.12);border-color:#67b4a3}.error{color:#a13e3e;background:#fff2f2;border:1px solid #f3d0d0;border-radius:10px;padding:10px;margin-top:10px;font-size:13px}.success{color:#25745f;background:#eefaf5;border:1px solid #cce9dd;border-radius:10px;padding:10px;margin-top:10px;font-size:13px}.login-actions{display:flex;gap:8px;margin-top:14px}.login-actions .btn{flex:1}.linkbtn{border:0;background:transparent;color:var(--green);font-weight:800;padding:8px}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:14px}.contextbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}.contextbar .pill{background:#fff;border:1px solid var(--line)}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{border-bottom:1px solid var(--line);padding:11px 8px;text-align:left;vertical-align:top}.users-table th{font-size:12px;color:var(--muted)}.users-table td{font-size:13px}.admin-form{display:grid;grid-template-columns:1.2fr 1.3fr 1fr auto;gap:10px;align-items:end}.admin-form .field{margin:0}.muted{color:var(--muted)}.favorites-empty{text-align:center;color:var(--muted);padding:25px}.badge{display:inline-flex;border-radius:999px;padding:5px 8px;background:#edf8f4;color:#287861;font-size:11px;font-weight:900}.badge.manager{background:#eef5fb;color:#347493}.danger-zone{border-color:#f1d5d5}.session-clock{font-variant-numeric:tabular-nums;font-weight:900;font-size:20px;color:var(--ink)}@media(max-width:900px){.layout{grid-template-columns:1fr;padding:14px}.sidebar{position:static;display:flex;gap:6px;overflow:auto}.navbtn{width:auto;white-space:nowrap}.rules,.grid,.guide-grid{grid-template-columns:1fr}.topbar{padding:10px 12px}.brand small{display:none}.admin-form{grid-template-columns:1fr}.users-table{display:block;overflow:auto}}@media(max-width:560px){.panel{padding:18px}.brand img{width:44px;height:44px}.userbar .email{display:none}.phrase .quote{padding-right:0;padding-top:34px}.phrase-actions{right:auto;left:10px}.stage-head{display:block}}