@font-face{font-family:LamaSans;src:url(/fonts/LamaSans-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:LamaSans;src:url(/fonts/LamaSans-Medium.ttf)format("truetype");font-weight:500;font-display:swap}@font-face{font-family:LamaSans;src:url(/fonts/LamaSans-SemiBold.ttf)format("truetype");font-weight:600;font-display:swap}@font-face{font-family:LamaSans;src:url(/fonts/LamaSans-Bold.ttf)format("truetype");font-weight:700;font-display:swap}:root{--primary:#59807a;--primary-shadow:#59807a33;--secondary:#f58d70;--secondary-shadow:#f58d7033;--red:#d30835;--green:#22b14c;--white:#fff;--surface:#fff;--background:#fafafa;--light-grey:#f2f2f2;--divider:#eeeff2;--content-primary:#00201ede;--content-secondary:#00201e99;--content-tertiary:#00201e61;--primary-content:#59807a;--selected-tile:#e9f3f1;--shadow:#00000014;--ok-bg:#c8e6c9;--ok-border:#4caf50;--bad-bg:#ffcdd2;--bad-border:#d32f2f;--picked-bg:#f58d7080;--radius:8px;--radius-lg:16px;--header-h:72px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--surface:#16211f;--background:#0e1413;--light-grey:#1e2a27;--divider:#2a3634;--content-primary:#ffffffeb;--content-secondary:#ffffffa8;--content-tertiary:#ffffff80;--primary-content:#8cc2b9;--selected-tile:#59807a40;--shadow:#00000029;--ok-bg:#4caf5040;--bad-bg:#3a1f22;--picked-bg:#3d2a22;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--background);color:var(--content-primary);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;font-family:LamaSans,system-ui,sans-serif;font-size:14px;line-height:1.6}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}a{color:var(--primary-content)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.ar{direction:rtl;unicode-bidi:plaintext}#root{zoom:var(--app-zoom,1)}:root[data-bold=true] body,:root[data-bold=true] :is(p,span,small,dd,dt,input,textarea,label,.ar){font-weight:600}.btn{border-radius:var(--radius);border:2px solid #0000;width:100%;min-height:52px;padding:10px 16px;font-size:15px;font-weight:700;transition:opacity .15s,background .15s}.btn-primary{background:var(--primary);color:var(--white)}.btn-primary:hover:not(:disabled){background:#4d716b}.btn-outline{border-color:var(--primary);color:var(--primary-content);background:0 0}.btn:disabled{opacity:.45;cursor:default}.field{flex-direction:column;gap:8px;margin-bottom:16px;display:flex}.field-label{color:var(--content-primary);font-size:14px;font-weight:700}.field-box{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius);align-items:center;padding:0 12px;transition:border-color .15s;display:flex}.field-box:focus-within{border-color:var(--primary)}.field-box.has-error{border-color:var(--red)}.field-box input{background:0 0;border:0;outline:0;flex:1;min-width:0;padding:14px 0;font-size:15px}.field-box input::placeholder{color:var(--content-tertiary)}.field-eye{color:var(--content-tertiary);background:0 0;border:0;padding:4px;display:flex}.field-error{color:var(--red);font-size:12px}.back-btn{color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.back-btn:hover{background:#7f7f7f1f}.spinner{border:3px solid var(--primary-shadow);border-top-color:var(--primary);border-radius:50%;flex-shrink:0;animation:.8s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.overlay{z-index:100;background:#00000040;place-items:center;display:grid;position:fixed;inset:0}.waking-banner{z-index:200;background:var(--surface);max-width:calc(100% - 32px);color:var(--content-primary);border:1px solid var(--divider);box-shadow:0 6px 24px var(--shadow);border-radius:999px;align-items:center;gap:10px;padding:10px 16px;font-size:13px;font-weight:500;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%)}.toasts{z-index:300;flex-direction:column;gap:8px;width:min(440px,100% - 32px);display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast{border-radius:var(--radius);color:var(--white);padding:12px 16px;font-weight:500;animation:.2s ease-out toast-in;box-shadow:0 6px 24px #0000002e}.toast-error{background:var(--red)}.toast-success{background:var(--primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.shell{min-height:100dvh}.shell-main{padding-bottom:calc(96px + env(safe-area-inset-bottom))}.shell-nav{z-index:50;bottom:0;background:var(--surface);border-top:1px solid var(--divider);padding:10px 8px calc(10px + env(safe-area-inset-bottom));justify-content:space-around;display:flex;position:fixed;inset-inline:0}.shell-logo{display:none}.shell-tab{color:var(--content-secondary);border-radius:var(--radius);flex-direction:column;flex:1;align-items:center;gap:4px;padding:4px 0;font-size:13px;font-weight:500;text-decoration:none;display:flex}.shell-tab img{object-fit:contain;width:22px;height:22px}.shell-tab img.on{width:26px;height:26px}:root[data-theme=dark] .shell-tab img.off{filter:brightness(0)invert()opacity(.66)}.shell-tab.active{color:var(--secondary)}@media (width>=960px){.shell{display:flex}.shell-nav{border-top:0;border-inline-end:1px solid var(--divider);flex-direction:column;flex-shrink:0;justify-content:flex-start;gap:6px;width:220px;height:100dvh;padding:24px 14px;position:sticky;top:0}.shell-logo{width:56px;margin:0 auto 24px;display:block}.shell-tab{flex-direction:row;flex:0;gap:12px;padding:12px 14px;font-size:15px}.shell-tab:hover{background:var(--light-grey)}.shell-tab.active{background:var(--selected-tile)}.shell-main{flex:1;min-width:0;padding-bottom:40px}}.page-header{background:var(--primary);color:var(--white);padding:20px 16px}.page-header-row{align-items:center;gap:8px;max-width:960px;min-height:40px;margin:0 auto;display:flex}.page-header h1{text-align:center;flex:1;margin:0;font-size:17px;font-weight:700}.page-header-back{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.page-header-back:hover{background:#ffffff1f}.page-header-spacer{flex-shrink:0;width:40px}.page{max-width:960px;margin:0 auto;padding:0 16px}.section-title{justify-content:space-between;align-items:center;gap:12px;margin:28px 0 12px;display:flex}.section-title h2{margin:0;font-size:16px;font-weight:700}.muted-link{color:var(--content-tertiary);background:0 0;border:0;padding:4px;font-size:12px;font-weight:700}.muted-link:hover{color:var(--primary-content)}.empty-state{text-align:center;color:var(--content-tertiary);padding:18vh 16px 0;font-size:16px}.center-spinner{justify-content:center;padding:18vh 0 0;display:flex}.auth-page{justify-content:center;align-items:flex-start;min-height:100dvh;padding:24px 16px 40px;display:flex}.auth-card{width:100%;max-width:440px;position:relative}@media (width>=720px){.auth-page{align-items:center;padding:40px 24px}.auth-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);box-shadow:0 10px 40px var(--shadow);padding:32px 32px 28px}}.auth-top{justify-content:flex-start;min-height:40px;display:flex}.auth-logo{width:72px;margin:8px auto 16px}.auth-hero{width:180px;margin:0 auto 16px}.auth-title{text-align:center;color:var(--primary-content);margin:0 0 12px;font-size:18px;font-weight:700}.auth-sub{text-align:center;color:var(--content-tertiary);max-width:320px;margin:0 auto 24px;font-size:13px;font-weight:500}.auth-link-row{justify-content:flex-start;margin:-4px 0 20px;display:flex}.text-link{color:var(--primary-content);background:0 0;border:0;padding:0;font-size:13px;font-weight:700}.text-link:hover{text-decoration:underline}.auth-or{color:var(--content-tertiary);align-items:center;gap:12px;margin:16px 0;font-size:12px;display:flex}.auth-or:before,.auth-or:after{content:"";background:var(--divider);flex:1;height:1px}.google-btn{justify-content:center;align-items:center;gap:10px;display:flex}.google-note{text-align:center;color:var(--content-tertiary);margin-top:8px;font-size:12px}.auth-switch{text-align:center;color:var(--content-secondary);margin-top:20px;font-size:13px}.auth-switch .text-link{margin-inline-start:6px}.otp-row{direction:ltr;justify-content:center;gap:12px;margin:8px 0 28px;display:flex}.otp-row input{text-align:center;border-radius:var(--radius);border:1px solid var(--divider);background:var(--surface);outline:0;width:56px;height:64px;font-size:24px;font-weight:700}.otp-row input:focus{border-color:var(--primary)}.otp-row.has-error input{border-color:var(--red)}.onboarding{flex-direction:column;min-height:100dvh;display:flex}.onboarding-hero{background:url(/assets/onboarding.png) 50%/cover no-repeat;flex:1;justify-content:center;align-items:flex-end;min-height:60dvh;display:flex;position:relative}:root[data-theme=dark] .onboarding-hero:after{content:"";background:linear-gradient(to bottom, transparent, #0e1413d9 40%, var(--background));position:absolute;inset:50% 0 0}.onboarding-text{z-index:1;text-align:center;color:#1d1b20;max-width:560px;padding:16px;position:relative}:root[data-theme=dark] .onboarding-text{color:var(--content-primary)}.onboarding-text h1{margin:0 0 8px;font-size:20px}.onboarding-text p{margin:0;font-size:14px}.onboarding-actions{flex-direction:column;gap:12px;width:100%;max-width:440px;margin:0 auto;padding:16px 16px 28px;display:flex}.exam-setup{padding-top:24px;padding-bottom:24px}.hint{color:var(--content-tertiary);margin:0 0 16px;font-weight:500}.option-list{flex-direction:column;gap:8px;display:flex}.option-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}@media (width>=720px){.option-grid:not(.two){grid-template-columns:repeat(3,1fr)}}@media (width>=1100px){.option-grid:not(.two){grid-template-columns:repeat(4,1fr)}}.option{border-radius:var(--radius);border:1px solid var(--divider);background:var(--surface);min-height:64px;color:var(--content-primary);padding:10px 12px;font-size:14px;font-weight:700;transition:background .15s,border-color .15s}.option:hover{border-color:var(--primary)}.option.big{min-height:100px}.option.on{background:var(--primary);border-color:var(--primary);color:var(--white)}.option-grid.two .option{min-height:52px}.sticky-action{padding:16px 0 calc(12px + env(safe-area-inset-bottom));background:linear-gradient(to top, var(--background) 70%, transparent);position:sticky;bottom:0}.tabs{max-width:960px;margin:12px auto -20px;display:flex;overflow-x:auto}.tabs button{color:#bab9b9;background:0 0;border:0;border-bottom:2px solid #0000;flex:1;min-width:max-content;padding:12px 14px;font-weight:500}.tabs button.on{color:var(--white);border-bottom-color:var(--white)}.hizb-list section{margin-bottom:16px}.hizb-list h3{text-align:center;margin:8px 0;font-size:14px;font-weight:700}.hizb-list .option-grid{grid-template-columns:repeat(2,1fr)}@media (width>=720px){.hizb-list .option-grid{grid-template-columns:repeat(4,1fr)}}.details-page{background:var(--primary);min-height:100dvh}.details-page .page-header{padding-bottom:28px}.details-sheet{background:var(--surface);border-radius:32px 32px 0 0;min-height:calc(100dvh - 80px)}.details-sheet .exam-setup{max-width:640px;padding:24px 24px 120px}@media (width>=960px){.details-sheet .exam-setup{padding-bottom:40px}}.details-type{align-items:center;gap:12px;font-size:16px;display:flex}.details-type-icon{background:#e9f3f1;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}:root[data-theme=dark] .details-type-icon{background:#59807a33}.details-type-icon img{width:20px;height:20px}.details-h{margin:24px 0 10px;font-size:14px;font-weight:700}.details-content{color:var(--content-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.details-content.open{display:block}.count-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.option.count{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex}.option.count span{opacity:.8;font-size:11px;font-weight:400}.switch-row{justify-content:space-between;align-items:center;gap:12px;margin:24px 0;font-weight:700;display:flex}.switch{background:#9e9e9e;border:0;border-radius:15px;flex-shrink:0;justify-content:flex-start;width:52px;height:30px;padding:3px;transition:background .3s;display:flex}:root[data-theme=dark] .switch{background:#3a4442}.switch.on{background:var(--primary);justify-content:flex-end}.switch span{background:#fff;border-radius:50%;width:24px;height:24px}.exam{background:var(--background);min-height:100dvh}.exam-bar{background:var(--primary);color:var(--white);z-index:20;padding:18px 16px;position:sticky;top:0}.exam-bar-inner{align-items:center;gap:8px;max-width:760px;margin:0 auto;display:flex}.exam-timer{align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.exam-icon-btn,.exam-cancel{color:inherit;border-radius:var(--radius);background:0 0;border:0;place-items:center;padding:8px;font-weight:700;display:grid}.exam-icon-btn:hover,.exam-cancel:hover{background:#ffffff1f}.exam-progress{z-index:19;background:#ffece7;height:8px;position:sticky;top:74px}:root[data-theme=dark] .exam-progress{background:#f58d7033}.exam-progress span{background:var(--secondary);height:100%;transition:width .3s;display:block}.exam-body{max-width:760px;margin:0 auto;padding:16px}.q-card{background:var(--surface);border:2px solid var(--divider);border-radius:var(--radius-lg);flex-direction:column;padding:16px;display:flex}.q-count{color:var(--content-secondary);font-size:12px;font-weight:500}.q-title{text-align:start;margin:20px 0 16px;font-size:16px;font-weight:700}:root[dir=ltr] .q-title{text-align:left}.q-content{text-align:center;margin:0 0 24px;font-size:15px;font-weight:500;line-height:2}.q-card>.btn{margin-top:12px}.q-card .choices{margin-bottom:12px}.choice.wrong-pick{border-color:var(--secondary);background:var(--picked-bg)}.q-card .choice{border-color:var(--divider);font-size:14px;font-weight:500}.q-card .choice.ok{border-color:#4caf50}.q-card .choice.wrong-pick{border-color:var(--secondary)}.reveal-btn{margin-top:12px}.wasl{grid-template-columns:3fr 2fr;gap:12px;margin-bottom:12px;display:grid}.wasl-col{flex-direction:column;gap:6px;display:flex}.wasl-chip{border-radius:var(--radius);border:1.5px solid var(--divider);background:var(--surface);text-align:center;width:100%;padding:10px 8px;font-size:13px;font-weight:500;line-height:1.7}.wasl-col.answers .wasl-chip{font-size:12px}.wasl-chip.pending{background:var(--primary-shadow);border-color:var(--primary)}.wasl-chip.ok{background:#4caf5026;border-color:#4caf50}.wasl-chip.bad{background:#f443361f;border-color:#f44336}.order-list{flex-direction:column;gap:8px;margin-bottom:8px;display:flex}.order-tile{border-radius:var(--radius);border:2px solid var(--divider);background:var(--surface);-webkit-user-select:none;user-select:none;cursor:grab;align-items:center;gap:8px;padding:12px;font-weight:500;transition:box-shadow .15s;display:flex}.order-tile .ar{text-align:center;flex:1}.order-tile.dragging{box-shadow:0 8px 24px var(--shadow);border-color:var(--primary);cursor:grabbing}.order-tile.ok{background:var(--ok-bg);cursor:default;border-color:#4caf50}.order-tile.bad{background:var(--bad-bg);border-color:var(--bad-border);cursor:default}.order-handle{color:var(--content-secondary);letter-spacing:-4px;touch-action:none;padding:6px 8px;font-size:18px}.order-pos{color:#fff;background:#4caf50;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.order-tile.bad .order-pos{background:var(--bad-border)}.sheet-overlay{align-items:end}@media (width>=720px){.sheet-overlay{align-items:center}}.sheet{background:var(--surface);width:min(560px,100%);padding:24px 24px calc(24px + env(safe-area-inset-bottom));text-align:center;border-radius:16px 16px 0 0}@media (width>=720px){.sheet{border-radius:16px}}.sheet-img{margin:0 0 8px;width:130px;margin-inline-start:auto}.sheet h3{margin:0 0 8px;font-size:18px}.sheet p{color:var(--content-tertiary);margin:0 0 24px;font-weight:500}.sheet-actions{border-top:1px solid var(--divider);align-items:center;gap:16px;padding-top:20px;display:flex}.sheet-actions .btn{flex:1}.sheet-link{color:var(--content-secondary);background:0 0;border:0;flex:1;padding:12px;font-size:14px;font-weight:700}.sheet-link:hover{color:var(--primary-content)}.finish{flex-direction:column;max-width:640px;min-height:100dvh;margin:0 auto;display:flex}.finish-hero{object-fit:contain;width:100%;max-height:36vh}.finish-body{text-align:center;flex:1;padding:0 16px}.finish-body h1{margin:8px 0;font-size:18px}.finish-sub{color:var(--content-tertiary);margin:0 0 20px;font-weight:500}.finish-stats{gap:10px;margin:0;display:grid}.finish-stats div{justify-content:center;gap:8px;display:flex}.finish-stats dt{color:var(--content-secondary);font-weight:500}.finish-stats dd{color:var(--primary-content);margin:0;font-weight:700}.finish-actions{border-top:1px solid var(--divider);padding:20px 16px calc(20px + env(safe-area-inset-bottom));align-items:center;gap:16px;margin-top:24px;display:flex}.finish-actions .btn{flex:1}.q-head{justify-content:space-between;align-items:center;display:flex}.q-share{color:var(--content-secondary);background:0 0;border:0;border-radius:50%;place-items:center;padding:6px;display:grid}.q-share:hover{background:var(--light-grey)}.install{border-radius:var(--radius-lg);background:var(--selected-tile);border:1px solid var(--divider);align-items:center;gap:12px;margin-top:24px;padding:12px 14px;display:flex}.install img{background:#fff;border-radius:10px;flex-shrink:0;width:44px;height:44px}.install-text{flex-direction:column;flex:1;gap:2px;font-size:13px;display:flex}.install-text span{color:var(--content-secondary)}.install-btn{border-radius:var(--radius);background:var(--primary);color:#fff;border:0;padding:8px 14px;font-weight:700}.install-x{color:var(--content-tertiary);background:0 0;border:0;padding:6px}.search-box{background:var(--surface);border:2px solid var(--divider);border-radius:var(--radius);color:var(--content-secondary);box-shadow:0 6px 24px var(--shadow);align-items:center;gap:10px;padding:0 14px;display:flex}.search-box input{min-width:0;color:var(--content-primary);background:0 0;border:0;outline:0;flex:1;padding:15px 0;font-size:14px;font-weight:500}.search-box input::placeholder{color:var(--content-tertiary)}.header-search{max-width:960px;margin:16px auto 0}.card{background:var(--surface);border:2px solid var(--divider);border-radius:var(--radius-lg);padding:16px}.search-results{gap:16px;padding:16px 0;display:grid}@media (width>=900px){.search-results{grid-template-columns:1fr 1fr;align-items:start}}.search-q{text-align:center;margin:8px 0 20px;font-weight:600}.choices{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.choice{border-radius:var(--radius);border:2px solid var(--content-tertiary);background:var(--surface);text-align:center;align-items:center;gap:8px;width:100%;min-height:48px;padding:12px;font-size:13px;font-weight:600;display:flex}.choice .ar{flex:1}.choice.picked{border-color:var(--secondary);background:#ffece7}:root[data-theme=dark] .choice.picked{background:#f58d7040}.choice.ok{background:#4caf5066;border-color:#4caf5066}.choice.bad{background:#f44336b3;border-color:#4caf5066}.dot{background:var(--secondary);border-radius:50%;flex-shrink:0;width:20px;height:20px}.home-header{background:var(--primary);color:var(--white);margin-bottom:52px;padding:36px 16px 0}.home-header-inner{align-items:flex-start;gap:12px;max-width:960px;margin:0 auto;display:flex}.home-greeting{flex:1;min-width:0}.home-hello{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.home-hello img{width:24px;height:24px}.home-greeting p{max-width:70%;margin:8px 0 0;font-weight:500}.home-bell{background:#00201e61;border:0;border-radius:50%;flex-shrink:0;place-items:center;width:56px;height:56px;display:grid}.home-bell img{width:22px;height:22px}.home-search{max-width:960px;margin:0 auto;transform:translateY(50%)}.hefz-etqan{grid-template-columns:1fr 1fr;gap:16px;margin-top:24px;display:grid}.home-tile{aspect-ratio:1;background:var(--surface);border-radius:var(--radius-lg);width:100%;max-height:260px;color:var(--primary-content);box-shadow:0 2px 10px var(--shadow);border:0;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:20px 16px;font-size:14px;font-weight:700;transition:transform .15s;display:flex}.home-tile:hover{transform:translateY(-2px)}.home-tile img{object-fit:contain;flex-shrink:1;width:45%;max-width:110px;min-height:0}@media (width>=960px){.home-tile{aspect-ratio:auto;height:220px}}.history-strip{scroll-snap-type:x proximity;gap:16px;padding-bottom:8px;display:flex;overflow-x:auto}.exam-card{cursor:pointer;border-radius:var(--radius);width:180px;min-width:0;height:236px;color:var(--white);scroll-snap-align:start;background:#008b53;border:0;flex-direction:column;flex:0 0 180px;align-items:center;gap:8px;padding:16px;display:flex}.exam-card strong{overflow-wrap:anywhere;width:100%;font-size:14px}.exam-card-about{opacity:.6;-webkit-line-clamp:3;overflow-wrap:anywhere;-webkit-box-orient:vertical;width:100%;font-size:12px;line-height:1.6;display:-webkit-box;overflow:hidden}.home-messages{gap:8px;margin:24px 0;display:grid}@media (width>=720px){.home-messages{grid-template-columns:1fr 1fr}}.msg-banner{border-radius:var(--radius);background-position:50%;background-size:cover;border:0;height:100px;padding:0;overflow:hidden}.msg-banner-veil{height:100%;color:var(--content-primary);background:#deebe980;justify-content:center;align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}:root[data-theme=dark] .msg-banner-veil{background:#05443e80}.resume-one{margin-top:24px}.resume-strip{gap:12px;margin-top:24px;padding-bottom:6px;display:flex;overflow-x:auto}.resume-strip .resume-card{flex:0 0 min(420px,100vw - 64px)}.resume-card{background:var(--surface);border:1.5px solid var(--secondary);border-radius:var(--radius-lg);flex-direction:column;padding:16px;display:flex}.resume-top{align-items:center;gap:8px;font-size:16px;display:flex}.resume-top img{width:20px;height:20px}.resume-top strong{flex:1}.resume-x{color:var(--content-tertiary);background:0 0;border:0;padding:4px 8px;font-size:16px}.resume-about{color:var(--content-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 12px;font-size:13px;display:-webkit-box;overflow:hidden}.resume-count{color:var(--content-tertiary);margin:8px 0 0;font-size:12px}.resume-card .btn{min-height:48px;margin-top:12px}.bar{background:#ffece7;border-radius:4px;height:8px;overflow:hidden}:root[data-theme=dark] .bar{background:#f58d7040}.bar span{background:var(--secondary);border-radius:4px;height:100%;transition:width .3s;display:block}.dialog{background:var(--surface);border-radius:var(--radius-lg);width:min(400px,100% - 32px);padding:20px;box-shadow:0 12px 40px #00000040}.dialog p{margin:0 0 16px;font-weight:500}.dialog-actions{justify-content:flex-end;gap:8px;display:flex}.text-btn{border-radius:var(--radius);background:0 0;border:0;padding:8px 12px;font-size:14px}.text-btn:hover{background:var(--light-grey)}.text-btn.danger{color:var(--red)}.exam-card-more{color:#fff;background:0 0;border:0;margin-top:auto;padding:2px 6px;font-size:12px;font-weight:700;text-decoration:underline}.exam-about-dialog h3{margin:0 0 8px;font-size:16px}.exam-about-dialog p{max-height:50vh;line-height:1.9;overflow-y:auto}.exam-about-dialog .btn{width:auto;min-height:42px;padding:8px 20px}.msgs{z-index:60;color:var(--white);background-position:50%;background-size:cover;position:fixed;inset:0}.msgs-veil{background:#05443ec7;flex-direction:column;height:100%;padding:40px 16px 32px;display:flex}.msgs-top{align-items:center;gap:8px;width:100%;max-width:760px;margin:0 auto;display:flex}.msgs-top h1{text-align:center;flex:1;margin:0;font-size:16px}.msgs-top button,.msgs-nav button{color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;width:44px;height:44px;font-size:18px;display:grid}.msgs-top button:hover,.msgs-nav button:hover{background:#ffffff1f}.msgs-body{flex:1;justify-content:center;align-items:center;padding:24px 0;display:flex;overflow-y:auto}.msgs-text{text-align:center;max-width:680px;font-weight:500}.msgs-message{margin:0;font-size:20px;font-weight:700;line-height:1.9}.msgs-ref{margin:16px 0}.msgs-nav{justify-content:space-between;align-items:center;width:100%;max-width:760px;margin:0 auto;display:flex}.msgs-dots{flex-wrap:wrap;justify-content:center;gap:6px;max-width:70%;display:flex}.msgs-dots span{background:#fff6;border-radius:4px;width:7px;height:7px;transition:width .2s}.msgs-dots span.on{background:var(--white);width:18px}.share-overlay{z-index:120;padding:24px 20px}.share-dialog{background:var(--surface);color:var(--content-primary);border-radius:16px;flex-direction:column;gap:12px;width:min(420px,100%);max-height:100%;padding:12px;display:flex}.share-preview{min-height:0;overflow-y:auto}.share-preview img{border-radius:16px;width:100%}.share-actions{grid-template-columns:1fr 2fr;gap:8px;display:grid}.share-actions .btn{min-height:46px}.share-actions .text-btn{color:var(--content-secondary);font-weight:700}.p-who{flex-direction:column;align-items:center;gap:4px;margin-bottom:24px;display:flex}.p-who strong{font-size:18px}.p-who span{color:var(--content-tertiary)}.p-list{flex-direction:column;display:flex}.p-row{border:0;border-bottom:1px solid var(--divider);text-align:start;width:100%;color:var(--content-primary);background:0 0;align-items:center;gap:12px;padding:16px 4px;font-size:14px;font-weight:600;display:flex}.p-row:hover{background:var(--light-grey)}.p-row.danger{color:#f2304a}.p-row-icon{border:1px solid var(--background);background:var(--selected-tile);width:36px;height:36px;color:var(--primary-content);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.p-row-icon img{object-fit:contain;width:18px;height:18px}.p-glyph{font-size:15px;font-weight:700;line-height:1}.p-row-title{flex:1}.p-row-value{color:var(--content-tertiary);font-size:13px;font-weight:500}.p-row svg{color:var(--content-tertiary)}.p-row .switch{cursor:pointer}.p-form{flex-direction:column;gap:12px;max-width:520px;display:flex}.p-form .option{min-height:56px}.font-sheet{text-align:start}.font-sample{border:2px solid var(--divider);border-radius:var(--radius);text-align:center;margin:12px 0;padding:16px}.font-sample p{margin:0 0 12px;font-weight:700}.font-sample span{border:2px solid var(--divider);border-radius:var(--radius);padding:10px;display:block}.font-level{text-align:center;color:var(--primary-content);margin:8px 0;font-weight:700}.font-slider{color:var(--content-secondary);align-items:center;gap:12px;display:flex}.font-slider input{accent-color:var(--primary);flex:1}.help-img{width:160px;margin:0 auto 8px}.faq{border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface);padding:0 14px}.faq summary{cursor:pointer;padding:14px 0;font-weight:700}.faq p{color:var(--content-secondary);white-space:pre-line;margin:0 0 14px}.contact{text-align:center;align-items:center}.contact-logo{width:64px;margin-bottom:16px}.contact .muted{color:var(--content-tertiary);margin:0}.contact h3{margin:16px 0 0}.contact textarea{border:1px solid var(--divider);border-radius:var(--radius);background:var(--surface);resize:vertical;outline:0;width:100%;padding:12px}.contact textarea:focus{border-color:var(--primary)}.review{background:var(--primary);min-height:100dvh}.review .page-header{padding-bottom:72px}.review-sheet{background:var(--surface);min-height:calc(100dvh - 140px)}.review-inner{max-width:760px;margin:0 auto;padding:0 16px 40px}.details-card{background:var(--surface);border:1px solid var(--divider);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:12px;margin-bottom:-40px;padding:16px;display:grid;position:relative;top:-56px;box-shadow:0 2px 8px #0000000d}.details-col{flex-direction:column;gap:10px;display:flex}.detail{align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.detail-icon{width:32px;height:32px;color:var(--primary-content);background:#59807a1a;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.review-h{margin:0 24px 8px;font-size:14px;font-weight:700}.about-rows{flex-direction:column;gap:8px;display:flex}.about-row{color:var(--content-tertiary);flex-wrap:wrap;justify-content:space-evenly;gap:8px;font-weight:500;display:flex}.text-link.center{margin:8px auto 0;display:block}.review-tabs{border-bottom:1px solid var(--divider);margin:20px 0 8px;display:flex}.review-tabs button{color:var(--content-secondary);background:0 0;border:0;border-bottom:2px solid #0000;flex:1;padding:12px;font-weight:700}.review-tabs button.on{color:var(--content-primary);border-bottom-color:var(--content-primary)}.review-empty{text-align:center;color:var(--content-tertiary);padding:48px 16px;font-weight:600}.review-cards{flex-direction:column;gap:16px;padding-top:8px;display:flex}.rcard{border:1px solid var(--divider);border-radius:var(--radius-lg);flex-direction:column;gap:8px;padding:16px;display:flex}.rcard .q-count{color:var(--content-tertiary);font-size:12px}.rc-title{text-align:start;margin:4px 0 0;font-size:15px}.rc-text{margin:0 0 8px;font-weight:500}.r-answer,.r-row{border:2px solid var(--divider);border-radius:var(--radius);padding:10px 12px;font-weight:500}.r-answer .ar{text-align:start;display:block}.r-answer.ok,.r-row.ok{background:#c8e6c9;border-color:#4caf50}.r-answer.ok-soft,.r-row.ok-soft{background:#e8f5e9;border-color:#4caf50}.r-answer.bad,.r-row.bad{background:#ffcdd2;border-color:#d32f2f}:root[data-theme=dark] .r-answer.ok,:root[data-theme=dark] .r-row.ok{background:#1e3a2a}:root[data-theme=dark] .r-answer.ok-soft,:root[data-theme=dark] .r-row.ok-soft{background:#1a2e23}:root[data-theme=dark] .r-answer.bad,:root[data-theme=dark] .r-row.bad{background:#3a1f22}.r-row{align-items:center;gap:10px;display:flex}.r-badge{color:#fff;background:#4caf50;border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:grid}.r-row.bad .r-badge{background:#d32f2f}.wasl-row{flex-direction:column;align-items:stretch}.wasl-pair{grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;display:grid}.swap{color:var(--content-tertiary)}.wasl-correct{color:#2e7d32;font-size:12px;font-weight:700}.list-page{background:var(--primary);min-height:100dvh}.list-sheet{background:var(--surface);border-radius:32px 32px 0 0;min-height:calc(100dvh - 80px);padding:32px 24px 40px}.list-sheet>*{max-width:760px;margin-inline:auto}.empty-exams{text-align:center;padding-top:24px}.empty-exams img{max-width:220px;margin:0 auto 16px}.empty-exams h3{margin:0 0 8px}.empty-exams p{color:var(--content-tertiary);margin:0}.ring{color:var(--content-primary);flex-shrink:0}.exam-rows{flex-direction:column;gap:12px;display:flex}.exam-row{border:1px solid var(--divider);background:var(--surface);border-radius:var(--radius-lg);text-align:start;align-items:flex-start;gap:16px;padding:16px;display:flex}.exam-row:hover{border-color:var(--primary)}.exam-row-text{flex-direction:column;gap:4px;min-width:0;display:flex}.exam-row-text .ar{color:var(--content-secondary);font-size:13px}.exam-row-text small{color:var(--content-tertiary)}.exam-dialog{text-align:center;flex-direction:column;align-items:center;gap:10px;display:flex}.exam-dialog h3,.exam-dialog p{margin:0}.dialog-row{gap:8px;width:100%;margin-top:8px;display:flex}.dialog-row .btn{flex:1;min-height:46px}.history-item{border-bottom:1px solid var(--divider);cursor:pointer;gap:12px;padding:12px 0;display:flex}.history-icon{background:var(--selected-tile);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.history-icon img{width:18px}.history-body{flex:1;min-width:0}.history-top{justify-content:space-between;gap:8px;display:flex}.history-top span{color:var(--content-tertiary);font-size:12px}.history-about{color:var(--content-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 2px;display:-webkit-box;overflow:hidden}.history-about.open{display:block}.history-grade{text-align:end;color:var(--primary-content);font-size:13px;font-weight:700}.points-total{border:1px solid var(--divider);border-radius:var(--radius-lg);box-shadow:0 2px 8px var(--shadow);justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;font-weight:700;display:flex}.points-total strong{color:var(--secondary);font-size:18px}.points-item{margin-bottom:16px}.points-date{color:var(--content-tertiary);margin-bottom:6px;font-size:12px}.points-card{border:1px solid var(--divider);background:var(--surface);border-radius:var(--radius-lg);text-align:start;width:100%;box-shadow:0 2px 6px var(--shadow);gap:12px;padding:14px;display:flex}.points-icon{background:#ffece7;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}:root[data-theme=dark] .points-icon{background:#f58d7040}.points-icon img{filter:brightness(0)saturate()invert(66%)sepia(36%)saturate(1101%)hue-rotate(323deg)brightness(101%)contrast(92%);width:20px}.points-text{flex-direction:column;flex:1;gap:6px;font-weight:500;display:flex}.points-earned{color:var(--content-secondary);justify-content:space-between;font-size:13px;display:flex}.points-earned strong{color:var(--secondary)}.progress{text-align:center}.progress h2{margin:0 0 8px}.progress h3{margin:32px 0 16px;font-size:15px}.progress-msg{color:var(--content-secondary);max-width:520px;margin:0 auto 24px}.progress-error{color:var(--red);padding-top:48px}.week-chart{justify-content:space-between;align-items:flex-end;max-width:520px;min-height:160px;margin:0 auto;display:flex}.week-col{flex-direction:column;flex:1;align-items:center;gap:6px;display:flex}.week-col small{color:var(--content-secondary);font-size:11px}.week-bar{background:var(--divider);border-radius:8px;width:14px}.week-bar.on{background:var(--secondary)}.overall-ring{justify-content:center;display:flex}.level{color:var(--primary-content);margin:12px 0 24px;font-weight:700}.stat-tiles{flex-wrap:wrap;justify-content:space-around;gap:16px;display:flex}.stat-tiles div{flex-direction:column;gap:4px;display:flex}.stat-tiles strong{font-size:18px}.stat-tiles span{color:var(--content-tertiary);font-size:12px}