*{box-sizing:border-box}html{background:#0e0e0b;color:#f6f1e7;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Tahoma,sans-serif}body{margin:0;background:#0e0e0b;color:#f6f1e7;min-height:100vh}.app{max-width:920px;margin:0 auto;padding:24px 20px 110px}.top{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;position:sticky;top:0;background:rgba(14,14,11,.96);backdrop-filter:blur(12px);z-index:10;padding:14px 0}.brand{text-align:right;min-width:150px}.brand .s{color:#e6ae18;letter-spacing:.22em;font-weight:700}.brand .id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1.5rem;font-weight:800}.lang{display:flex;border:1px solid #423b27;border-radius:18px;overflow:hidden}.lang button{background:#17160f;color:#eee6d4;border:0;padding:16px 20px;font-weight:800;font-size:1.05rem}.lang button.active{background:#e5ac18;color:#111}.net{font-weight:700}.ok{color:#7ca25b}.warn{color:#e4ac42}.bad{color:#d65f4b}.meta{color:#a99f84;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.88rem;line-height:1.8}.hero{padding:22px 0}.hero h1{font-size:2rem;margin:8px 0 12px}.hero p{font-size:1.05rem;line-height:1.9;color:#d7c38e}.banner{border:1px solid #574c2f;background:#1b1911;border-radius:20px;padding:18px;margin:16px 0}.banner strong{display:block;font-size:1.15rem;margin-bottom:8px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.card{border:1px solid #49412c;background:#17160f;border-radius:20px;padding:18px;margin:14px 0}.card h2,.card h3{margin:.2rem 0 1rem}.session{display:flex;gap:12px;justify-content:space-between;align-items:flex-start}.tag{color:#e7af1d;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.14em;font-weight:800}.btn{display:inline-flex;justify-content:center;align-items:center;width:100%;min-height:58px;border:1px solid #50482f;border-radius:16px;background:#15140e;color:#f4eee1;font-size:1.08rem;font-weight:800;padding:12px 16px;text-decoration:none;cursor:pointer}.btn.primary{background:#e3aa18;color:#111;border-color:#e3aa18}.btn.danger{border-color:#a64739;color:#e57a66}.btn.small{width:auto;min-height:42px;padding:8px 14px;font-size:.95rem}.btn:disabled{opacity:.45;cursor:not-allowed}.actions{display:flex;gap:10px;flex-wrap:wrap}.actions .btn{flex:1;min-width:180px}label{display:block;font-weight:700;margin:16px 0 8px}textarea,input,select{width:100%;background:#191810;color:#f7f1e5;border:1px solid #49412c;border-radius:15px;padding:14px;font:inherit;min-height:50px}textarea{min-height:120px;resize:vertical}.q-title{color:#e5ad1c;font-weight:800;margin-bottom:8px}.question{font-size:1.35rem;line-height:1.7;font-weight:800}.footerbar{position:fixed;left:0;right:0;bottom:0;background:#0e0e0b;border-top:1px solid #37311f;padding:10px 16px;z-index:20}.footerbar .inner{max-width:920px;margin:auto;display:flex;gap:10px}.listrow{display:flex;justify-content:space-between;align-items:center;gap:12px}.state{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:800}.state.progress{color:#e5ad1c}.state.completed{color:#7ca25b}.notice{font-size:.92rem;line-height:1.7;color:#b8ad91}.hidden{display:none!important}.separator{height:1px;background:#39321f;margin:18px 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.rtl{direction:rtl;text-align:right}.ltr{direction:ltr;text-align:left}.center{text-align:center}.pill{display:inline-block;border:1px solid #554b2d;border-radius:999px;padding:6px 10px;font-size:.82rem;margin:2px}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#272415;color:#fff;padding:12px 18px;border:1px solid #65582f;border-radius:14px;z-index:50;max-width:90%;box-shadow:0 8px 30px #0008}.modal{position:fixed;inset:0;background:#000b;display:flex;align-items:center;justify-content:center;padding:20px;z-index:100}.modal .panel{max-width:580px;width:100%;background:#17160f;border:1px solid #5b5032;border-radius:22px;padding:22px}.summary{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.summary>div{border:1px solid #403921;border-radius:16px;padding:14px}.summary b{display:block;font-size:1.4rem;margin-top:6px}.file{word-break:break-all}.muted{color:#9f967f}.toplinks{display:flex;gap:8px;flex-wrap:wrap}.toplinks a{color:#e8bd55;text-decoration:none}@media(max-width:650px){.app{padding:16px 14px 100px}.grid{grid-template-columns:1fr}.top{align-items:center}.brand{min-width:115px}.hero h1{font-size:1.7rem}.question{font-size:1.2rem}.footerbar .inner{gap:8px}.footerbar .btn{min-height:52px}.summary{grid-template-columns:1fr 1fr}.actions .btn{min-width:140px}}