@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=DM+Sans:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,system-ui,sans-serif;color:#f3f4f5;background:#0c0e12;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #ffbc62;outline-offset:2px}h1,h2,h3,p{margin:0}h1,h2{font-family:Barlow Condensed,Impact,sans-serif}h1{font-size:52px;line-height:.97;font-weight:800;letter-spacing:.1px}h1 em{font-style:normal;color:#f4b75d}h2{font-size:24px;line-height:1.1;font-weight:700}small{font-size:12px}.app{min-height:100vh;background:radial-gradient(ellipse 70% 26% at 50% 0,#22252c,#0c0e12);display:flex;justify-content:center}.phone{position:relative;width:100%;max-width:540px;min-height:100vh;background:#111419;border-left:1px solid #252930;border-right:1px solid #252930;padding-bottom:94px}.topbar{height:76px;padding:22px 23px 13px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #22272e}.brand{border:0;background:transparent;color:#f9f9f9;display:flex;gap:10px;align-items:center;font-family:Barlow Condensed,sans-serif;font-size:24px;font-weight:800;letter-spacing:1px;padding:0}.brand>span:last-child span{color:#f4b75d}.brandmark{width:34px;height:34px;background:#f2b760;color:#111419;display:grid;place-items:center;border-radius:8px;font-size:21px;letter-spacing:-2px}.brandmark span{font-size:13px;vertical-align:top}.top-icon{background:#242831;border:0;color:#e4e5e8;border-radius:11px;padding:10px;display:grid;place-items:center}main{padding:27px 21px 32px;animation:fade .15s ease}@keyframes fade{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:none}}.eyebrow{color:#e5ad5f;font-size:10px;font-weight:800;letter-spacing:1.7px;display:flex;align-items:center;gap:8px;margin-bottom:15px}.dot{width:3px;height:3px;border-radius:50%;background:#6f747b}.subtle{color:#949ba7;font-size:13px;line-height:1.5}.date{margin-top:13px;text-transform:capitalize}.section-head{display:flex;align-items:center;justify-content:space-between;margin:31px 0 15px;gap:12px}.text-link{border:0;background:transparent;color:#eeb464;display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;padding:4px 0}.hero-card{border:1px solid #35383d;border-radius:19px;background:linear-gradient(147deg,#2c2f36,#1b2028 65%);padding:20px;box-shadow:0 13px 30px #0003}.hero-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.pill{font-size:9px;font-weight:800;letter-spacing:1px;color:#f4b75d;background:#4a3c28;padding:9px 10px;border-radius:20px}.live-dot{display:inline-block;background:#f5b763;width:6px;height:6px;border-radius:100%;margin-right:5px}.hero-time{font-size:11px;color:#d7d9dd}.hero-person{display:flex;align-items:center;gap:12px;margin:23px 0}.hero-name{font-size:20px;font-weight:800;letter-spacing:-.6px;margin-bottom:2px}.avatar{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#74644e,#484747);color:#fff0d9;display:grid;place-items:center;border-radius:13px;font-size:13px;font-weight:800}.avatar.large{width:52px;height:52px;border-radius:14px;font-size:17px}.avatar.xl{width:73px;height:73px;font-size:24px;border-radius:22px}.hero-focus{display:flex;align-items:center;gap:9px;background:#353a42;color:#cdd0d6;padding:12px;border-radius:9px;font-size:12px}.hero-focus svg{color:#f4b75d;flex-shrink:0}.dual-buttons{display:flex;gap:9px;margin-top:17px}.btn-amber,.btn-muted,.wide-outline{display:flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;font-size:12px;font-weight:800;padding:14px 12px;border:0}.btn-amber{background:#f4b75d;color:#17191d;flex:1}.btn-muted{background:#3a4048;color:#e4e8ec;flex:1}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:15px}.stat{border:1px solid #2a3038;border-radius:13px;background:#20252c;padding:14px 12px;display:flex;flex-direction:column;align-items:flex-start;gap:5px}.stat svg{color:#f4b75d}.stat strong{font-family:Barlow Condensed,sans-serif;font-size:29px;margin-top:5px;line-height:1}.stat span{font-size:10px;color:#a1a9b5}.list-card{background:#1b2027;border:1px solid #2a3038;border-radius:15px;overflow:hidden}.schedule-row{width:100%;border:0;border-bottom:1px solid #2f333c;background:transparent;color:inherit;display:flex;align-items:center;gap:12px;padding:15px;text-align:left}.schedule-row:last-child{border-bottom:0}.schedule-hour{font-size:13px;font-weight:800;color:#f3ba70;min-width:40px}.schedule-stripe{height:35px;width:3px;background:#e8ad59;border-radius:3px}.schedule-main{display:flex;flex-direction:column;gap:3px;flex:1}.schedule-main strong,.student-row strong{font-size:13px}.schedule-main small,.student-row small{color:#8e98a6}.schedule-row>svg,.student-row>svg{color:#777e88}.bottom-banner{width:100%;border:1px solid #303945;background:#1b222a;border-radius:14px;padding:15px;margin-top:18px;color:#e9edf0;display:flex;align-items:center;text-align:left;gap:12px}.bottom-banner>svg:first-child{color:#e9b467}.bottom-banner span{flex:1;display:flex;flex-direction:column;gap:3px}.bottom-banner b{font-size:13px}.bottom-banner small{color:#98a3af}.pagetitle h1{margin-bottom:9px}.period{color:#f4b75d}.pagetitle{margin-bottom:27px}.month-title{display:flex;justify-content:space-between;align-items:center;text-transform:capitalize;font-size:15px;margin-top:15px}.month-title button{background:#34353a;border:0;border-radius:8px;color:#efb565;padding:7px 13px;font-size:12px;font-weight:700}.week-selector{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:18px}.daybox{border:1px solid transparent;background:#20252c;color:#adb4be;border-radius:12px;min-height:71px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.daybox span{font-size:10px}.daybox b{font-size:17px}.daybox i{height:4px;width:4px;border-radius:50%;background:transparent}.daybox i.occupied{background:#f4b75d}.daybox.active{background:#f4b75d;color:#1b1b1f}.daybox.active i.occupied{background:#26272b}.round-add{border:0;background:#f4b75d;color:#1a1a1e;border-radius:10px;width:34px;height:34px;display:grid;place-items:center}.agenda-items{display:flex;flex-direction:column;gap:11px}.agenda-event{width:100%;background:#21262e;border:1px solid #313842;border-radius:14px;display:flex;gap:12px;align-items:center;padding:18px 12px;color:#f5f5f6;text-align:left}.agenda-event.cancelled{opacity:.55}.agenda-clock{font-size:16px;font-weight:800;min-width:52px}.agenda-clock small{font-size:10px;color:#9ca3ad;display:block;margin-top:3px}.event-divider{height:40px;width:3px;background:#f4b75d;border-radius:4px}.agenda-info{display:flex;flex-direction:column;gap:5px;flex:1}.agenda-info strong{font-size:14px}.agenda-info small{color:#9fa8b3}.agenda-event svg{color:#87909b}.helper-card{display:flex;gap:10px;padding:14px;background:#242932;border:1px solid #323a44;border-radius:12px;color:#b0b9c6;font-size:11px;line-height:1.5;margin-top:21px}.helper-card svg{flex-shrink:0;color:#d7a65a}.searchbar{display:flex;align-items:center;gap:11px;background:#252a32;border:1px solid #353b44;border-radius:12px;padding:13px;color:#9ca6b4}.searchbar input{outline:0;border:0;background:transparent;color:#fff;flex:1;min-width:0}.student-list{border:1px solid #313740;border-radius:15px;overflow:hidden}.student-row{display:flex;align-items:center;gap:12px;padding:13px;background:#1d232b;border:0;color:#fff;border-bottom:1px solid #323842;width:100%;text-align:left}.student-row:last-child{border-bottom:0}.student-row>span{flex:1;display:flex;flex-direction:column;gap:5px}.wide-outline{border:1px dashed #6a6256;background:#262722;color:#f3b660;width:100%;margin-top:15px}.back{display:flex;align-items:center;gap:9px;background:transparent;border:0;color:#aeb8c4;font-size:12px;margin:0 0 25px;padding:0}.profile{display:flex;align-items:center;flex-direction:column;text-align:center;gap:10px;padding:0 0 10px}.profile h1{font-size:40px}.tag{background:#423926;color:#efba70;border-radius:20px;font-weight:700;font-size:10px;padding:7px 12px}.icon-edit{border:1px solid #444a52;color:#e0e5e9;background:transparent;padding:10px 13px;border-radius:9px;font-size:11px;display:flex;align-items:center;gap:6px}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);background:#242a32;border:1px solid #343a42;border-radius:15px;margin-top:16px;padding:17px}.profile-stats div{display:flex;align-items:center;flex-direction:column;gap:4px;border-right:1px solid #3e4249}.profile-stats div:last-child{border:0}.profile-stats strong{font-family:Barlow Condensed;font-size:28px}.profile-stats small{color:#9ba5b0}.record-card{border:1px solid #323943;background:#20262e;border-radius:13px;padding:15px;margin-bottom:10px;display:flex;flex-direction:column;gap:8px}.record-card .meta{color:#f0b969;font-size:10px;font-weight:700;text-transform:uppercase}.record-card b{font-size:14px}.record-card p,.record-card small{color:#abb4c0;font-size:12px;line-height:1.5}.review-head{margin-top:37px}.score-card{padding:17px;background:#20262e;border:1px solid #303944;border-radius:14px}.score-head{display:flex;justify-content:space-between;color:#eeb366;font-weight:800;font-size:9px;letter-spacing:1px;margin-bottom:16px}.score-row{display:flex;align-items:center;gap:9px;margin:12px 0}.score-row span{font-size:11px;width:112px}.score-track{height:6px;background:#353e49;border-radius:20px;flex:1;overflow:hidden}.score-track i{display:block;background:#edb45f;height:100%;border-radius:20px}.score-row strong{font-size:12px;width:12px}.small{font-size:11px}.comparison{display:flex;align-items:center;gap:7px;color:#e4b16b;font-size:12px;margin:13px 0}.timer-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:16px}.timer-presets button{border:1px solid #363d47;background:#242931;border-radius:12px;color:#dce1e5;padding:12px 5px;font-weight:800;font-size:12px}.timer-presets button.active{border-color:#f3b45b;background:#393325;color:#f8cb88}.timer-presets small{display:block;font-weight:400;font-size:10px;color:#aaaeb7;margin-top:4px}.timer-panel{background:linear-gradient(160deg,#262b34,#191e25);border:1px solid #373e48;border-radius:20px;padding:22px 17px;margin-top:15px;text-align:center}.timer-status{font-size:10px;letter-spacing:1.3px;font-weight:800;color:#e2b26d;display:flex;align-items:center;justify-content:center;gap:8px}.status-dot{height:7px;width:7px;border-radius:50%;background:#f4b75d}.status-dot.pulse{animation:pulse 1.25s infinite}@keyframes pulse{50%{opacity:.2}}.timer-circle{width:min(67vw,300px);height:min(67vw,300px);border-radius:50%;margin:27px auto 25px;border:9px solid #f1b662;box-shadow:0 0 0 10px #333740,0 0 40px #f1b66218;display:grid;place-items:center}.timer-circle-inner{display:flex;flex-direction:column;gap:5px;align-items:center}.timer-circle-inner small{font-size:11px;letter-spacing:1.6px;color:#d6c5a7;font-weight:800}.timer-circle-inner strong{font-family:Barlow Condensed;font-size:clamp(70px,18vw,96px);line-height:1.05;letter-spacing:-2px}.timer-circle-inner span{color:#9ca5ae;font-size:11px}.timer-buttons{display:flex;gap:9px;justify-content:center}.timer-reset{background:#353b43;color:#f1f2f4;border:0;border-radius:12px;width:51px;display:grid;place-items:center}.timer-play{background:#f4b75d;color:#17191c;display:flex;align-items:center;justify-content:center;gap:9px;border:0;border-radius:12px;padding:15px 32px;flex:1;max-width:230px;font-weight:800}.config-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.config-cell{border:1px solid #313943;background:#20262e;padding:12px 4px;text-align:center;border-radius:12px}.config-cell small{font-size:9px;letter-spacing:.4px;color:#a1a7b2}.config-cell>div{display:flex;justify-content:space-around;align-items:center;margin-top:11px}.config-cell button{background:#393f47;color:#f4b75d;border:0;border-radius:7px;height:26px;width:26px;font-size:19px}.config-cell b{font-family:Barlow Condensed;font-size:20px}.setting-row{display:flex;width:100%;align-items:center;gap:12px;padding:20px 13px;margin-bottom:10px;border-radius:13px;background:#232931;border:1px solid #343b45;color:#eee;text-align:left}.setting-row>svg:first-child{color:#f4b75d;flex-shrink:0}.setting-row span{display:flex;flex-direction:column;gap:5px;flex:1}.setting-row b{font-size:14px}.setting-row small{color:#a2acb7}.setting-row.static{cursor:default}.calendar-card{text-align:center;padding:40px 18px;background:#242a32;border:1px solid #343c45;border-radius:19px}.calendar-icon{margin:0 auto 16px;border-radius:17px;background:#424039;color:#efb562;height:75px;width:75px;display:grid;place-items:center}.calendar-card h2{font-size:30px}.calendar-card p{color:#a8b2bd;line-height:1.6;font-size:13px;margin:13px 0 22px}.status-disconnected{display:inline-flex;align-items:center;gap:7px;color:#e7b16a;background:#3e372d;border-radius:30px;padding:10px 14px;font-size:11px}.empty-card{background:#20262e;border:1px dashed #444b54;border-radius:14px;text-align:center;padding:32px 15px;color:#adb7c3;font-size:13px}.empty-card button{display:block;margin:13px auto 0;background:#f4b75d;border:0;border-radius:8px;padding:9px 12px;font-weight:800;font-size:11px;color:#111}.empty-line{text-align:center;padding:22px;color:#9ba4ae;font-size:13px}.tabbar{display:grid;grid-template-columns:repeat(4,1fr);align-items:center;position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:540px;background:#191e25;border:1px solid #333942;border-bottom:0;border-radius:19px 19px 0 0;padding:13px 12px calc(11px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0005;z-index:10}.tabbar button{border:0;background:transparent;color:#8793a3;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;font-weight:700}.tabbar button.selected{color:#f3b65d}.modal-shade{position:fixed;inset:0;z-index:50;background:#000c;display:flex;align-items:flex-end;justify-content:center}.modal{background:#1c2229;color:#fff;border:1px solid #414850;border-bottom:0;width:100%;max-width:540px;border-radius:22px 22px 0 0;padding:24px 21px calc(30px + env(safe-area-inset-bottom));max-height:92dvh;overflow:auto;box-shadow:0 -20px 50px #0005}.modal-head{display:flex;justify-content:space-between;margin-bottom:21px}.modal-head h2{font-size:29px}.modal-head button{border:0;background:#353b44;color:#e3e8ee;border-radius:9px;width:32px;height:32px;display:grid;place-items:center}.modal form{display:flex;flex-direction:column;gap:15px}.field{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:#c1cad3}.field input,.field select,.field textarea{width:100%;border:1px solid #454e59;border-radius:10px;background:#2a313a;color:#f8f8f8;padding:12px;outline:0;resize:vertical;color-scheme:dark}.field input:focus,.field textarea:focus,.field select:focus{border-color:#f4b75d}.field textarea{min-height:73px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.full{width:100%;margin-top:8px;min-height:49px}.rate-row{display:flex;flex-direction:column;gap:8px}.rate-row>span{font-size:12px;font-weight:700}.rate-row>div{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.rate-button{border-radius:9px;background:#343b44;color:#abb4be;border:1px solid #454b55;padding:10px}.rate-button.active{background:#f4b75d;color:#17191c;border-color:#f4b75d;font-weight:800}.toast{position:fixed;bottom:93px;left:50%;transform:translate(-50%);z-index:70;display:flex;align-items:center;gap:8px;white-space:nowrap;max-width:90vw;background:#f4b75d;color:#15191e;border-radius:10px;padding:12px 17px;font-size:12px;font-weight:800;box-shadow:0 8px 30px #0006}@media(min-width:600px){.phone{margin:22px 0;min-height:calc(100vh - 44px);border-radius:25px;overflow:hidden}.tabbar{border-radius:19px 19px 0 0}}@media(max-width:360px){main{padding-left:14px;padding-right:14px}.hero-card{padding:15px}.timer-circle{width:66vw;height:66vw}.timer-circle-inner strong{font-size:61px}.score-row span{width:92px}}.timer-presets-four{grid-template-columns:repeat(4,minmax(0,1fr))}.timer-presets-four button{font-size:11px;padding:12px 2px}.timer-presets-four small{font-size:9px}.config-cell b{font-variant-numeric:tabular-nums;font-size:19px}.test-gong{display:inline-flex;gap:8px;align-items:center;justify-content:center;margin:17px auto 0;padding:10px 15px;border:1px solid #525055;border-radius:10px;color:#efc68b;background:#2e333b;font-size:12px;font-weight:700}@media(max-width:375px){.timer-presets-four{grid-template-columns:repeat(2,1fr)}}
