:root{--page:#effae0;--card:#e5dfd2;--ink:#1a1a1a;--orange:#cd6f47;--sage:#bdcec0;--deep-sage:#6b8a6f;--paper:#f7f4eb;--white:#fffdf7;--muted:#64645d;--line:#1a1a1a29;--line-strong:#1a1a1a57;--danger:#a7432d;--radius-sm:12px;--radius-md:18px;--radius-lg:28px;--shadow:0 18px 48px #2d372717;--page-width:1160px;--reading-width:800px}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--page);scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;color:var(--ink);background:radial-gradient(circle at 8% -8%, #fffdf7d1, transparent 33rem), var(--page);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}button,input{color:inherit;font:inherit}button,summary,label,a{-webkit-tap-highlight-color:transparent}button{border:0}a{color:inherit;text-decoration:none}button:not(:disabled),summary,label[for]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}::selection{color:var(--ink);background:var(--sage)}.site-shell{min-height:100vh}.page-container{width:min(calc(100% - 48px), var(--page-width));margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.app-header{z-index:30;border-bottom:1px solid #0000;width:100%;position:relative}.app-header--compact{border-bottom-color:var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#effae0e6;position:sticky;top:0}.app-header__inner{width:min(calc(100% - 48px), var(--page-width));grid-template-columns:1fr auto 1fr;align-items:center;min-height:84px;margin-inline:auto;display:grid}.app-header--compact .app-header__inner{min-height:68px}.app-header__side{align-items:center;min-width:0;display:flex}.app-header__side--end{justify-content:flex-end}.brand,.login-brand{color:var(--ink);letter-spacing:-.015em;align-items:center;gap:10px;font-size:17px;font-weight:760;display:inline-flex}.brand--center{grid-column:2}.brand__mark{width:36px;height:36px;color:var(--ink);background:var(--orange);border-radius:50%;flex:none;place-items:center;display:inline-grid}.brand__mark svg{width:18px;height:18px}.text-button,.icon-text-button{min-height:48px;color:var(--ink);background:0 0;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:650;display:inline-flex}.text-button svg,.icon-text-button svg{width:19px;height:19px}.icon-text-button{color:var(--muted);border-radius:99px;padding-inline:12px}.icon-text-button:hover,.text-button:hover{color:var(--ink)}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:9px;min-height:50px;padding:11px 20px;font-size:15px;font-weight:720;line-height:1.2;transition:transform .16s,background .16s,box-shadow .16s;display:inline-flex}.button:not(:disabled):hover{transform:translateY(-1px)}.button svg{width:19px;height:19px}.button--primary{color:var(--white);background:var(--ink);box-shadow:0 8px 18px #1a1a1a1f}.button--primary:not(:disabled):hover{background:#30302e}.button--secondary{color:var(--ink);border-color:var(--line-strong);background:#fffdf775}.button--secondary:not(:disabled):hover{background:var(--white)}.button--danger{color:var(--white);background:var(--danger)}.button--wide{width:100%}.section-kicker{color:#81503c;letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:13px;font-weight:760;display:block}.status-region:empty,.form-message:empty{display:none}.inline-notice{border:1px solid var(--line);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:16px;min-height:48px;padding:12px 16px;font-size:14px;display:flex}.inline-notice svg{flex:none;width:20px;height:20px}.inline-notice--error{color:#712e20;background:#cd6f4724;border-color:#a7432d52}.inline-notice--success{color:#314a35;background:#bdcec061;border-color:#6b8a6f6b;justify-content:flex-start}.dashboard{padding-top:80px;padding-bottom:96px}.message-board{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:radial-gradient(circle at 96% 8%,#cd6f4724,#0000 16rem),#fffdf7e0;margin-bottom:42px;padding:28px}.message-board__header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:22px;display:flex}.message-board__header h2{letter-spacing:-.04em;margin:0;font-size:clamp(28px,4vw,36px);font-weight:760;line-height:1.1}.message-board__header p{max-width:42rem;color:var(--muted);margin-top:10px;font-size:15px}.message-board__mark{width:48px;height:48px;color:var(--orange);background:#cd6f4724;border-radius:999px;flex:none;place-items:center;display:grid}.message-board__mark svg{width:22px;height:22px}.message-board__composer{gap:10px;display:grid}.message-board__input-row{align-items:center;gap:12px;display:flex}.message-board__input-row input{border:1px solid var(--line-strong);background:var(--white);border-radius:999px;outline:none;flex:1;min-width:0;height:52px;padding:0 18px;transition:border-color .16s,box-shadow .16s}.message-board__input-row input:focus{border-color:#6b8a6fb8;box-shadow:0 0 0 4px #bdcec08c}.message-board__input-row .button{flex:none;min-height:52px;padding-inline:18px}.message-board__input-row .button svg{width:18px;height:18px}.message-board__meta{color:var(--muted);padding-left:8px;font-size:13px}.message-board__status{min-height:0;margin-top:12px}.message-board__status .inline-notice{margin:0}.message-board__list{gap:12px;margin-top:18px;list-style:none;display:grid}.message-note{border:1px solid var(--line);border-radius:var(--radius-md);background:#e5dfd28c;justify-content:space-between;align-items:flex-start;gap:14px;padding:16px 18px;display:flex}.message-note__body{flex:1;min-width:0}.message-note__body p{word-break:break-word;margin:0;font-size:16px;font-weight:620;line-height:1.45}.message-note__body time{color:var(--muted);margin-top:6px;font-size:13px;display:block}.message-note__delete{width:38px;height:38px;color:var(--muted);background:0 0;border-radius:999px;flex:none;place-items:center;transition:background .16s,color .16s;display:grid}.message-note__delete:hover:not(:disabled),.message-note__delete:focus-visible{color:var(--danger);background:#a7432d1a}.message-note__delete svg{width:18px;height:18px}.message-note--skeleton{flex-direction:column;gap:10px;min-height:74px}.message-note--skeleton span{background:linear-gradient(90deg,#1a1a1a0f,#1a1a1a1f,#1a1a1a0f) 0 0/200% 100%;border-radius:999px;height:14px;animation:1.4s infinite shimmer;display:block}.message-note--skeleton span:first-child{width:58%}.message-note--skeleton span:last-child{width:28%}.message-board__empty{border:1px dashed var(--line-strong);border-radius:var(--radius-md);color:var(--muted);background:#bdcec02e;margin-top:18px;padding:18px 20px}.message-board__empty p{margin:0}.dashboard__intro{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px;display:flex}.dashboard__intro h1,.page-heading h1{letter-spacing:-.055em;margin:0;font-size:clamp(42px,6vw,68px);font-weight:760;line-height:1.05}.dashboard__intro p,.page-heading p{max-width:660px;color:var(--muted);margin-top:18px;font-size:16px}.dashboard__import{flex:none}.dashboard>.status-region{margin:-22px 0 26px}.set-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.set-card{border:1px solid var(--line);border-radius:var(--radius-lg);min-width:0;min-height:330px;box-shadow:var(--shadow);background:#e5dfd2d1;flex-direction:column;padding:26px;transition:transform .18s,box-shadow .18s;display:flex;position:relative;overflow:visible}.set-card:hover{transform:translateY(-3px);box-shadow:0 22px 58px #2d372721}.set-card:nth-child(3n+2){background:#bdcec08f}.set-card__topline,.set-card__progress-copy,.set-card__footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.set-card__eyebrow{color:var(--muted);align-items:center;gap:7px;font-size:13px;font-weight:680;display:inline-flex}.set-card__eyebrow svg{width:17px;height:17px}.card-menu{z-index:3;position:relative}.card-menu summary{border-radius:50%;place-items:center;width:48px;height:48px;margin:-12px -12px -12px 0;list-style:none;display:grid}.card-menu summary::-webkit-details-marker{display:none}.card-menu summary:hover{background:#1a1a1a12}.card-menu__panel{border:1px solid var(--line);background:var(--white);border-radius:14px;width:168px;padding:6px;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 14px 40px #1a1a1a29}.card-menu__panel button{width:100%;min-height:44px;color:var(--danger);text-align:left;background:0 0;border-radius:9px;align-items:center;gap:9px;padding:8px 10px;font-size:14px;display:flex}.card-menu__panel button:hover{background:#cd6f471f}.card-menu__panel svg{width:18px;height:18px}.set-card__body{padding:34px 0 30px}.set-card__body h2{letter-spacing:-.035em;-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;font-size:25px;font-weight:740;line-height:1.32;display:-webkit-box;overflow:hidden}.set-card__body p{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:9px;font-size:13px;overflow:hidden}.set-card__progress{margin-top:auto}.set-card__progress-copy{color:var(--muted);margin-bottom:8px;font-size:12px;font-weight:650}.progress-track{background:#1a1a1a1a;border-radius:99px;height:7px;overflow:hidden}.progress-track>span{border-radius:inherit;background:var(--deep-sage);height:100%;transition:width .3s;display:block}.set-card__footer{color:var(--muted);margin-top:18px;font-size:13px}.set-card__action{min-height:48px;color:var(--ink);align-items:center;gap:5px;font-weight:730;display:inline-flex}.set-card__action svg{width:17px;height:17px;transition:transform .16s}.set-card__action:hover svg{transform:translate(3px)}.set-card--skeleton{justify-content:center;gap:22px}.set-card--skeleton span{background:#1a1a1a14;border-radius:8px;height:18px;animation:1.4s ease-in-out infinite alternate pulse;display:block}.set-card--skeleton span:first-child{width:35%}.set-card--skeleton span:nth-child(2){width:82%;height:34px}.set-card--skeleton span:nth-child(3){width:100%;height:8px}@keyframes pulse{to{opacity:.36}}.empty-state{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--radius-lg);background:#fffdf747;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:48px 24px;display:flex}.empty-state__icon{background:var(--card);border-radius:24px;place-items:center;width:74px;height:74px;margin-bottom:24px;display:grid;transform:rotate(-4deg)}.empty-state__icon svg{width:31px;height:31px}.empty-state h2{letter-spacing:-.035em;font-size:27px}.empty-state p{max-width:410px;color:var(--muted);margin:8px 0 25px}.modal-dialog{z-index:100;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;position:fixed;inset:0}.modal-dialog[open]{place-items:center;display:grid}.modal-dialog::backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#1a1a1a7a}.confirm-dialog{border:1px solid var(--line);background:var(--paper);border-radius:24px;width:min(100%,440px);padding:34px;box-shadow:0 28px 90px #1a1a1a3d}.confirm-dialog__icon{color:#712e20;background:#cd6f4733;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:22px;display:grid}.confirm-dialog__icon--orange{color:var(--ink);background:var(--orange)}.confirm-dialog__icon svg{width:24px;height:24px}.confirm-dialog h2{letter-spacing:-.035em;font-size:24px}.confirm-dialog p{color:var(--muted);margin-top:8px}.confirm-dialog__actions{grid-template-columns:1fr 1fr;gap:10px;margin-top:28px;display:grid}.login-page{place-items:center;min-height:100vh;padding:32px;display:grid}.login-card{border:1px solid var(--line);background:var(--paper);border-radius:34px;grid-template-columns:minmax(280px,.86fr) minmax(360px,1.14fr);width:min(100%,960px);min-height:610px;display:grid;overflow:hidden;box-shadow:0 30px 90px #2d372724}.login-card__art{background:var(--deep-sage);min-height:100%;position:relative;overflow:hidden}.login-card__art:after{content:"";background:var(--sage);border-radius:50%;width:340px;height:340px;position:absolute;bottom:-100px;right:-70px}.login-card__sun{background:var(--orange);border-radius:50%;width:80px;height:80px;position:absolute;top:70px;left:60px}.login-card__leaf{z-index:2;opacity:.84;transform-origin:100% 100%;background:#effae0;border-radius:100% 0;width:100px;height:190px;display:block;position:absolute}.login-card__leaf--one{bottom:88px;right:22px;transform:rotate(-20deg)}.login-card__leaf--two{bottom:2px;right:106px;transform:rotate(-54deg)scale(.72)}.login-card__book{z-index:4;width:160px;height:205px;color:var(--ink);background:var(--card);border-radius:9px 18px 18px 9px;place-items:center;display:grid;position:absolute;bottom:48px;right:48px;transform:rotate(8deg);box-shadow:-13px 13px #1a1a1a2e}.login-card__book svg{width:40px;height:40px;fill:var(--orange);stroke-width:1.5px}.login-card__content{flex-direction:column;justify-content:center;padding:clamp(42px,7vw,76px);display:flex}.login-brand{margin-bottom:58px}.login-card__heading h1{letter-spacing:-.052em;max-width:420px;font-size:clamp(34px,4vw,47px);font-weight:760;line-height:1.14}.login-card__heading p{color:var(--muted);margin-top:13px}.login-form{margin-top:35px}.login-form>label,.field-group>label{margin-bottom:8px;font-size:14px;font-weight:720;display:block}.input-shell{border:1px solid var(--line-strong);background:var(--white);border-radius:14px;align-items:center;gap:10px;min-height:56px;padding:0 7px 0 16px;transition:border .14s,box-shadow .14s;display:flex}.input-shell:focus-within{border-color:var(--ink);box-shadow:0 0 0 3px #cd6f472e}.input-shell--error{border-color:var(--danger)}.input-shell>svg{width:19px;height:19px;color:var(--muted);flex:none}.input-shell input{background:0 0;border:0;outline:0;width:100%;min-width:0;height:52px}.input-shell__action,.icon-button{background:0 0;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.input-shell__action:hover,.icon-button:hover{background:#1a1a1a12}.input-shell__action svg,.icon-button svg{width:20px;height:20px}.form-message{min-height:29px;color:var(--danger);padding:5px 3px 3px;font-size:13px}.login-card__note{color:var(--muted);text-align:center;margin-top:24px;font-size:12px}.import-page{padding-top:64px;padding-bottom:110px}.page-heading{margin-bottom:50px}.page-heading h1{font-size:clamp(40px,5vw,58px)}.import-layout{grid-template-columns:minmax(0,1fr) 310px;align-items:start;gap:24px;display:grid}.import-main{gap:18px;display:grid}.form-card,.template-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#f7f4ebbf;padding:30px}.form-card__heading,.form-card__title-group{align-items:flex-start;gap:15px;display:flex}.form-card__heading--between{justify-content:space-between}.step-number{border:1px solid var(--line-strong);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:13px;font-weight:780;display:grid}.form-card h2,.template-card h2{letter-spacing:-.025em;font-size:20px}.form-card__heading p,.template-card p{color:var(--muted);margin-top:2px;font-size:13px}.file-drop{border:1.5px dashed var(--line-strong);background:#effae059;border-radius:20px;margin-top:24px;transition:border .15s,background .15s;position:relative}.file-drop--active,.file-drop:hover{border-color:var(--deep-sage);background:#bdcec04d}.file-drop input{opacity:0;width:1px;height:1px;position:absolute}.file-drop input:focus-visible+label{outline:3px solid var(--orange);outline-offset:3px}.file-drop label{border-radius:inherit;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:238px;padding:28px;display:flex}.file-drop__icon{background:var(--sage);border-radius:19px;place-items:center;width:62px;height:62px;margin-bottom:16px;display:grid}.file-drop__icon svg{width:28px;height:28px}.file-drop strong{font-size:16px}.file-drop label>span:last-child{color:var(--muted);margin-top:6px;font-size:12px}.selected-file{background:#bdcec047;border:1px solid #6b8a6f6b;border-radius:17px;align-items:center;gap:14px;min-width:0;margin-top:24px;padding:14px;display:flex}.selected-file--error{background:#cd6f4717;border-color:#a7432d4d}.selected-file__icon,.template-card__icon{background:var(--sage);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;display:grid}.selected-file__icon svg,.template-card__icon svg{width:23px;height:23px}.selected-file__copy{flex:1;min-width:0}.selected-file__copy strong,.selected-file__copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.selected-file__copy strong{font-size:14px}.selected-file__copy span{color:var(--muted);margin-top:2px;font-size:12px}.validation-panel{background:#cd6f471a;border:1px solid #a7432d47;border-radius:17px;margin-top:16px;padding:17px}.validation-panel__heading{color:#712e20;align-items:flex-start;gap:11px;display:flex}.validation-panel__heading>svg{flex:none;width:21px;height:21px;margin-top:2px}.validation-panel__heading strong,.validation-panel__heading span{display:block}.validation-panel__heading span{margin-top:2px;font-size:12px}.issue-list{border-top:1px solid #a7432d2e;gap:8px;max-height:320px;margin-top:14px;padding-top:14px;list-style:none;display:grid;overflow-y:auto}.issue-list li{color:#712e20;font-size:13px}.issue-list li>span{min-width:112px;margin-right:6px;font-weight:730;display:inline-block}.validation-panel__more{color:#712e20;margin-top:10px;font-size:12px}.form-card>.inline-notice{margin-top:16px}.count-chip,.type-chip{min-height:28px;color:var(--ink);background:var(--sage);border-radius:99px;flex:none;justify-content:center;align-items:center;padding:4px 10px;font-size:11px;font-weight:740;display:inline-flex}.preview-list{border-top:1px solid var(--line);gap:0;margin-top:21px;display:grid}.preview-item{border-bottom:1px solid var(--line);padding:17px 0}.preview-item:last-child{border-bottom:0}.preview-item__meta{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.preview-item__meta .type-chip{min-height:22px;padding:2px 7px}.preview-item>p{-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:7px;font-size:14px;line-height:1.55;display:-webkit-box;overflow:hidden}.preview-item__options{color:var(--muted);margin-top:6px;font-size:11px;display:block}.field-group{margin-top:24px;position:relative}.field-group>span{color:var(--muted);pointer-events:none;font-size:11px;position:absolute;bottom:14px;right:14px}.text-input{border:1px solid var(--line-strong);background:var(--white);border-radius:13px;outline:none;width:100%;min-height:54px;padding:12px 70px 12px 14px}.text-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #cd6f472e}.import-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:4px;display:flex}.import-upload-status{background:#bdcec047;border:1px solid #6b8a6f6b;border-radius:16px;padding:16px 18px}.import-upload-status>div:first-child{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:13px;display:flex}.import-upload-status strong{font-size:12px}.template-card{background:var(--card);padding:26px;position:sticky;top:28px}.template-card__icon{background:var(--orange);width:56px;height:56px;margin-bottom:21px}.template-card h2{font-size:22px}.template-card .button{margin-top:21px}.template-card ul{border-top:1px solid var(--line);gap:9px;margin-top:23px;padding-top:21px;list-style:none;display:grid}.template-card li{color:var(--muted);align-items:flex-start;gap:7px;font-size:12px;display:flex}.template-card li svg{color:#45654a;flex:none;width:15px;height:15px;margin-top:2px}.success-page,.state-page,.completion-page{place-items:center;min-height:calc(100vh - 84px);padding-top:50px;padding-bottom:80px;display:grid}.success-card,.state-card,.completion-card{border:1px solid var(--line);width:min(100%,620px);box-shadow:var(--shadow);text-align:center;background:#f7f4ebcc;border-radius:32px;padding:58px}.success-card__icon{background:var(--deep-sage);border-radius:50%;place-items:center;width:74px;height:74px;margin:0 auto 28px;display:grid}.success-card__icon svg{width:31px;height:31px}.success-card h1,.completion-card h1,.state-card h1{letter-spacing:-.048em;font-size:clamp(30px,5vw,42px);line-height:1.18}.success-card>p,.completion-card>p,.state-card>p{color:var(--muted);margin:14px auto 0}.success-card__actions,.completion-card__actions,.state-card__actions{justify-content:center;gap:10px;margin-top:31px;display:flex}.practice-shell{background:#f7f4eb70}.practice-page{width:min(calc(100% - 48px), var(--reading-width));padding-top:42px;padding-bottom:24px}.practice-context{margin-bottom:37px}.practice-context__top{justify-content:space-between;align-items:center;gap:24px;min-width:0;display:flex}.practice-context__copy{flex:1;gap:1px;min-width:0;display:grid}.practice-context__copy>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:660;overflow:hidden}.practice-context__copy strong{font-size:18px}.practice-context__copy small{color:var(--muted);font-size:13px;font-weight:570}.question-jump{min-height:48px;color:var(--muted);flex:none;align-items:center;gap:8px;font-size:13px;display:flex}.question-jump label{font-weight:680}.question-jump input{width:66px;height:48px;color:var(--ink);border:1px solid var(--line-strong);text-align:center;background:#fffdf7ad;border-radius:13px;padding:8px 10px;font-weight:700}.question-jump input:focus{border-color:var(--orange)}.question-jump input[aria-invalid=true]{border-color:var(--danger)}.question-jump button{border:1px solid var(--line-strong);background:#fffdf780;border-radius:13px;min-width:58px;min-height:48px;padding:8px 13px;font-size:13px;font-weight:700}.question-jump button:not(:disabled):hover{background:var(--white)}.question-jump__message{min-height:24px;color:var(--danger);text-align:right;padding-top:2px;font-size:12px}.practice-progress{background:#1a1a1a17;border-radius:99px;height:5px;overflow:hidden}.practice-progress span{border-radius:inherit;background:var(--orange);height:100%;transition:width .26s;display:block}.question-form fieldset{border:0;min-width:0}.question-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffdf7ad;border-radius:30px;padding:clamp(28px,5vw,48px)}.question-card__meta{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.question-card h1{letter-spacing:-.025em;overflow-wrap:anywhere;white-space:pre-wrap;margin-top:24px;font-size:clamp(21px,3vw,28px);font-weight:700;line-height:1.58}.question-card__hint{color:var(--muted);margin-top:11px;font-size:13px}.option-list{gap:12px;margin-top:32px;display:grid}.answer-option{border:1px solid var(--line);background:#e5dfd257;border-radius:17px;grid-template-columns:40px minmax(0,1fr) auto;align-items:center;gap:13px;min-width:0;min-height:64px;padding:11px 15px 11px 12px;transition:border .14s,background .14s,transform .14s;display:grid;position:relative}.answer-option:hover{border-color:var(--line-strong);transform:translateY(-1px)}.answer-option input{opacity:0;width:1px;height:1px;position:absolute}.answer-option:has(input:focus-visible){outline:3px solid var(--orange);outline-offset:3px}.answer-option--selected{border-color:var(--deep-sage);background:var(--sage)}.answer-option--correct{background:#6b8a6f8c;border-color:#4f7154}.answer-option--wrong{border-color:var(--danger);background:#cd6f4745}.answer-option__key{border:1px solid var(--line-strong);background:#fffdf785;border-radius:50%;place-items:center;width:40px;height:40px;font-size:13px;font-weight:750;display:grid}.answer-option input[type=checkbox]+.answer-option__key{border-radius:11px}.answer-option--selected .answer-option__key,.answer-option--correct .answer-option__key,.answer-option--wrong .answer-option__key{border-color:var(--ink);background:var(--ink);color:var(--white)}.answer-option__key svg{width:19px;height:19px}.answer-option__text{overflow-wrap:anywhere;white-space:pre-wrap;min-width:0;line-height:1.55}.answer-option__tag{white-space:nowrap;background:#fffdf78f;border-radius:99px;padding:3px 8px;font-size:10px;font-weight:720}.result-region{margin-top:18px}.result-region>.inline-notice{margin-top:12px}.answer-result{border:1px solid var(--line);border-radius:24px;padding:clamp(23px,4vw,32px)}.answer-result--correct{background:#bdcec08c;border-color:#4f715480}.answer-result--wrong{background:#cd6f4724;border-color:#a7432d59}.answer-result__heading{align-items:flex-start;gap:13px;display:flex}.answer-result__heading>span{background:#fffdf78c;border-radius:50%;flex:none;place-items:center;width:43px;height:43px;display:grid}.answer-result__heading svg{width:22px;height:22px}.answer-result__heading h2{font-size:19px}.answer-result__heading p{color:var(--muted);margin-top:2px;font-size:13px}.answer-result__explanation{border-top:1px solid var(--line);margin-top:21px;padding-top:20px}.answer-result__explanation strong{margin-bottom:7px;font-size:13px;display:block}.answer-result__explanation p{overflow-wrap:anywhere;white-space:pre-wrap;line-height:1.75}.practice-actions-spacer{height:calc(116px + env(safe-area-inset-bottom))}.practice-actions{z-index:20;padding:14px 24px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f4ebf0;position:fixed;bottom:0;left:0;right:0}.practice-actions__inner{width:min(100%, var(--reading-width));grid-template-columns:minmax(0,1fr) minmax(176px,1.35fr) minmax(0,1fr);align-items:center;gap:10px;margin-inline:auto;display:grid}.practice-actions__inner .button{width:100%;min-width:0}.practice-nav-button{padding-inline:14px}.practice-skeleton{border:1px solid var(--line);background:#fffdf78c;border-radius:30px;gap:18px;padding:48px;display:grid}.practice-skeleton span{background:#1a1a1a14;border-radius:8px;height:22px;animation:1.4s ease-in-out infinite alternate pulse}.practice-skeleton span:first-child{width:20%}.practice-skeleton span:nth-child(2){width:92%;height:46px}.practice-skeleton span:nth-child(3),.practice-skeleton span:nth-child(4){height:64px}.state-card>svg{width:54px;height:54px;color:var(--danger);margin-bottom:20px}.completion-card__celebration{width:100px;height:94px;margin:0 auto 14px;position:relative}.completion-card__celebration span:first-child{color:var(--orange);position:absolute;top:0;left:0}.completion-card__celebration span:first-child svg{width:42px;height:42px}.completion-card__celebration span:last-child{background:var(--deep-sage);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:absolute;bottom:0;right:2px}.completion-card__celebration span:last-child svg{width:31px;height:31px}.completion-card__stat{background:var(--card);border-radius:16px;align-items:baseline;gap:8px;margin-top:30px;padding:14px 21px;display:inline-flex}.completion-card__stat strong{font-size:28px}.completion-card__stat span{color:var(--muted);font-size:12px}.completion-card>.status-region{margin-top:18px}@media (max-width:900px){.message-board{padding:24px}.set-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.import-layout{grid-template-columns:minmax(0,1fr)}.template-card{grid-row:1;position:static}.login-card{grid-template-columns:.72fr 1.28fr}.login-card__content{padding:48px}}@media (max-width:680px){.page-container,.app-header__inner,.practice-page{width:min(calc(100% - 32px), var(--page-width))}.app-header__inner{min-height:70px}.app-header--compact .app-header__inner{min-height:62px}.brand--center{display:none}.app-header__inner{grid-template-columns:1fr auto}.app-header__side--end{grid-column:2}.text-button span,.icon-text-button span{display:none}.text-button,.icon-text-button{width:48px}.dashboard{padding-top:50px;padding-bottom:72px}.message-board{margin-bottom:28px;padding:20px}.message-board__header{margin-bottom:16px}.message-board__header h2{font-size:26px}.message-board__input-row{flex-direction:column;align-items:stretch}.message-board__input-row .button{width:100%}.dashboard__intro{flex-direction:column;align-items:stretch;gap:25px;margin-bottom:32px}.dashboard__intro h1,.page-heading h1{font-size:42px}.dashboard__intro p,.page-heading p{margin-top:13px;font-size:14px}.dashboard__import{align-self:flex-start}.set-grid{grid-template-columns:minmax(0,1fr);gap:16px}.set-card{min-height:300px;padding:23px}.set-card__body{padding-top:28px}.modal-dialog{align-items:end;padding:12px}.confirm-dialog{border-radius:24px;padding:27px 22px 22px}.login-page{padding:0;display:block}.login-card{background:var(--page);width:100%;min-height:100vh;box-shadow:none;border:0;border-radius:0;grid-template-columns:1fr}.login-card__art{min-height:164px}.login-card__art:after{bottom:-210px;right:-60px}.login-card__sun{width:58px;height:58px;top:34px;left:32px}.login-card__leaf{display:none}.login-card__book{border-radius:7px 12px 12px 7px;width:96px;height:122px;bottom:-22px;right:35px}.login-card__book svg{width:28px;height:28px}.login-card__content{padding:42px 24px 48px;display:block}.login-brand{margin-bottom:38px}.login-card__heading h1{font-size:35px}.import-page{padding-top:44px;padding-bottom:70px}.page-heading{margin-bottom:30px}.form-card,.template-card{border-radius:22px;padding:22px}.file-drop label{min-height:210px}.form-card__heading--between{flex-direction:column;align-items:flex-start}.count-chip{margin-left:49px}.issue-list li>span{margin-bottom:2px;display:block}.import-actions{grid-template-columns:.75fr 1.25fr;display:grid}.success-card,.state-card,.completion-card{border-radius:26px;padding:36px 22px}.success-card__actions,.completion-card__actions,.state-card__actions{flex-direction:column;align-items:stretch}.practice-page{padding-top:26px}.practice-context{margin-bottom:22px}.practice-context__top{flex-direction:column;align-items:stretch;gap:11px}.question-jump{width:100%}.question-jump input{flex:1;min-width:58px}.question-jump__message{text-align:left}.question-card{border-radius:23px;padding:24px 18px}.question-card h1{margin-top:19px;font-size:20px;line-height:1.62}.option-list{gap:10px;margin-top:25px}.answer-option{border-radius:15px;grid-template-columns:38px minmax(0,1fr);gap:11px;min-height:62px;padding:10px 12px 10px 10px}.answer-option__key{width:38px;height:38px}.answer-option__tag{grid-column:2;justify-self:start;margin-top:-5px}.practice-actions{padding:11px 16px calc(11px + env(safe-area-inset-bottom))}.practice-actions__inner{grid-template-columns:56px minmax(0,1fr) 56px;gap:8px}.practice-actions__inner .button{width:100%;min-width:0}.practice-nav-button{padding-inline:0}.practice-nav-button span{display:none}.practice-actions-spacer{height:calc(94px + env(safe-area-inset-bottom))}}@media (max-width:380px){.page-container,.app-header__inner,.practice-page{width:min(calc(100% - 24px), var(--page-width))}.brand{gap:7px;font-size:15px}.brand__mark{width:32px;height:32px}.dashboard__intro h1,.page-heading h1{font-size:37px}.dashboard__import{width:100%}.set-card{padding:20px}.confirm-dialog__actions{grid-template-columns:1fr}.form-card,.template-card{padding:18px}.form-card__heading,.form-card__title-group{gap:11px}.import-actions{grid-template-columns:1fr}.selected-file{gap:9px;padding:10px}.selected-file__icon{width:42px;height:42px}.question-card{padding-inline:14px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
