@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.woff2) format("woff2-variations");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2) format("woff2-variations");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2) format("woff2-variations");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-devanagari-400-normal-CJDn6rn8.woff2) format("woff2"),url(/assets/poppins-devanagari-400-normal-CqVvlrh5.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-ext-400-normal-by3JarPu.woff2) format("woff2"),url(/assets/poppins-latin-ext-400-normal-DaBSavcJ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(/assets/poppins-latin-400-normal-BOb3E3N0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-devanagari-500-normal-BIdkeU1p.woff2) format("woff2"),url(/assets/poppins-devanagari-500-normal-DMPDjHtT.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-ext-500-normal-CK-6C4Hw.woff2) format("woff2"),url(/assets/poppins-latin-ext-500-normal-CgAe2rWW.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/poppins-latin-500-normal-C8OXljZJ.woff2) format("woff2"),url(/assets/poppins-latin-500-normal-DGXqpDMm.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-devanagari-600-normal-STEjXBNN.woff2) format("woff2"),url(/assets/poppins-devanagari-600-normal-ClASKHrr.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-ext-600-normal-CAhIAdZj.woff2) format("woff2"),url(/assets/poppins-latin-ext-600-normal-Df5ffKXP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(/assets/poppins-latin-600-normal-BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-devanagari-700-normal-O-jipLrW.woff2) format("woff2"),url(/assets/poppins-devanagari-700-normal-fHs-vx92.woff) format("woff");unicode-range:U+0900-097F,U+1CD0-1CF9,U+200C-200D,U+20A8,U+20B9,U+20F0,U+25CC,U+A830-A839,U+A8E0-A8FF,U+11B00-11B09}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-ext-700-normal-cby-RkWa.woff2) format("woff2"),url(/assets/poppins-latin-ext-700-normal-DctTR6Tg.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/poppins-latin-700-normal-Qrb0O0WB.woff2) format("woff2"),url(/assets/poppins-latin-700-normal-BVuQR_eA.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.encryption-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.encryption-modal{width:100%;max-width:360px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f}.encryption-modal h2{margin:0 0 .5rem;font-size:1.25rem}.encryption-modal p{margin:0 0 1.5rem;color:#666;font-size:.875rem;line-height:1.4}.encryption-modal form{display:flex;flex-direction:column;gap:1rem}.encryption-modal input{padding:.625rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;outline:none}.encryption-modal input:focus{border-color:var(--color-primary)}.encryption-modal button{padding:.625rem 1rem;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:1rem;cursor:pointer}.encryption-modal button:hover:not(:disabled){background:var(--color-primary-hover)}.encryption-modal button:disabled{opacity:.6;cursor:not-allowed}.encryption-error{color:#d32f2f;font-size:.875rem;margin:0}.encryption-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.encryption-spinner{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:encryption-spin .6s linear infinite}@keyframes encryption-spin{to{transform:rotate(360deg)}}.encryption-hint{color:#999;font-size:.8rem;text-align:center;margin:0}.biometric-retry-btn{width:100%;padding:.625rem 1rem;border:2px solid var(--color-primary);border-radius:6px;background:#fff;color:var(--color-primary);font-size:1rem;cursor:pointer;margin-bottom:1rem}.biometric-retry-btn:disabled{opacity:.6;cursor:not-allowed}.biometric-enable-btn{width:100%;padding:.625rem 1rem;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:1rem;cursor:pointer;margin-bottom:.75rem}.biometric-enable-btn:disabled{opacity:.6;cursor:not-allowed}.biometric-skip-btn{width:100%;padding:.625rem 1rem;border:none;border-radius:6px;background:transparent;color:#666;font-size:.875rem;cursor:pointer}.biometric-skip-btn:disabled{opacity:.6;cursor:not-allowed}.encryption-warning-text{color:#b45309;background:#fef3c7;border-radius:6px;padding:.75rem;font-size:.8rem;line-height:1.4;margin:-.5rem 0 1.5rem}.recovery-key-display{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:8px;padding:1rem;margin-bottom:1rem;text-align:center}.recovery-key-display code{font-family:SF Mono,Menlo,Consolas,monospace;font-size:1.1rem;letter-spacing:.05em;word-break:break-all;display:block;margin-bottom:.75rem}.recovery-key-copy{padding:.375rem .75rem;border:1px solid #ccc;border-radius:4px;background:#fff;color:#333;font-size:.8rem;cursor:pointer}.recovery-key-copy:hover{background:#f0f0f0}.recovery-key-confirm{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#333;cursor:pointer;margin-bottom:1rem}.recovery-key-confirm input[type=checkbox]{width:1rem;height:1rem}.recovery-key-input{font-family:SF Mono,Menlo,Consolas,monospace;letter-spacing:.05em;text-transform:uppercase}.encryption-recovery-link{display:block;width:100%;margin-top:1rem;padding:.5rem;border:none;background:transparent;color:#666;font-size:.8rem;cursor:pointer;text-align:center}.encryption-recovery-link:hover{color:#333}.encryption-footer-links{display:flex;justify-content:space-between;margin-top:1rem}.encryption-modal .encryption-text-link{padding:0;border:none;border-radius:0;background:transparent;color:#666;font-size:.8rem;cursor:pointer;text-decoration:underline}.encryption-modal .encryption-text-link:hover{color:#333}.header{width:100%;padding:.75rem 1rem;border-bottom:1px solid #eee}.header-inner{max-width:600px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo{background:none;border:none;font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;cursor:pointer;padding:0;color:inherit;display:flex;align-items:center}.header-logo-icon{width:32px;height:32px;margin:-2px 0;position:relative;top:4px}.header-logo-deck{color:var(--color-primary);font-weight:400}.header-logo:hover{opacity:.7}.header-account{background:none;border:none;color:#666;cursor:pointer;padding:.25rem;display:flex;align-items:center}.header-account:hover{color:#333}.import-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.import-modal{width:100%;max-width:360px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f}.import-modal h2{margin:0 0 .5rem;font-size:1.25rem}.import-modal p{margin:0 0 1.5rem;color:#666;font-size:.875rem;line-height:1.4}.import-modal-select-btn{width:100%;padding:.625rem 1rem;border:2px dashed #ccc;border-radius:6px;background:#fafafa;color:#333;font-size:1rem;cursor:pointer}.import-modal-select-btn:hover:not(:disabled){border-color:#999;background:#f5f5f5}.import-modal-select-btn.is-picking{border-style:solid;border-color:#bbb;color:#888}.import-modal-select-btn.is-dragging{border-color:#111;background:#f0f0f0;color:#111}.import-modal-preview{margin:0 0 1.5rem;color:#333;font-size:.9rem;line-height:1.5}.import-modal-actions{display:flex;gap:.5rem}.import-modal-actions button{flex:1;padding:.625rem 1rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.import-modal-actions button:disabled{opacity:.6;cursor:not-allowed}.import-modal-import-btn{background:#111;color:#fff}.import-modal-cancel-btn{background:#eee;color:#333}.import-modal-progress{margin:0 0 1rem;color:#333;font-size:.9rem}.import-modal-progress-bar{width:100%;height:6px;background:#eee;border-radius:3px;overflow:hidden;margin-top:.75rem}.import-modal-progress-fill{height:100%;background:#111;border-radius:3px;transition:width .2s ease}.import-modal-error{color:#d32f2f;font-size:.875rem;margin:0 0 1rem}.import-modal-loading{display:flex;align-items:center;justify-content:center;gap:.5rem}.import-modal-spinner{width:1rem;height:1rem;border:2px solid rgba(0,0,0,.1);border-top-color:#666;border-radius:50%;animation:import-spin .6s linear infinite}@keyframes import-spin{to{transform:rotate(360deg)}}.create-pack-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.create-pack-modal{width:100%;max-width:360px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f}.create-pack-modal h2{margin:0 0 1rem;font-size:1.25rem}.create-pack-modal input{width:100%;padding:.625rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;outline:none;box-sizing:border-box}.create-pack-modal input:focus{border-color:#333}.create-pack-error{color:#d32f2f;font-size:.875rem;margin:.5rem 0 0}.create-pack-actions{display:flex;gap:.5rem;margin-top:1.5rem}.create-pack-actions button{flex:1;padding:.625rem 1rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.create-pack-actions button:disabled{opacity:.6;cursor:not-allowed}.create-pack-submit-btn{background:#111;color:#fff}.create-pack-cancel-btn{background:#eee;color:#333}.mastery-bar-container{display:flex;align-items:center;gap:.5rem}.mastery-bar{flex:1;height:8px;border-radius:4px;overflow:hidden;display:flex;background:#e0e0e0;min-width:60px}.mastery-bar-segment{height:100%;transition:width .3s ease}.mastery-bar-label{font-size:.75rem;color:#666;white-space:nowrap;font-weight:500}.mastery-bar-due{font-size:.7rem;color:#d32f2f;font-weight:600;white-space:nowrap}.packlist-container{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:2rem 1rem}.packlist-content{width:100%;max-width:600px}.packlist-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.packlist-header-left{display:flex;align-items:center;gap:.5rem}.packlist-header h1{font-size:1.5rem;margin:0}.packlist-practice-btn{background:var(--color-primary);border:none;border-radius:6px;color:#fff;cursor:pointer;padding:.375rem .875rem;font-size:.875rem;font-weight:500;height:36px;white-space:nowrap}.packlist-practice-btn:hover:not(:disabled){background:var(--color-primary-hover)}.packlist-practice-btn:disabled{opacity:.5;cursor:not-allowed}.packlist-due-info{font-size:.8rem;color:#888;text-align:right;margin:-1rem 0 1rem}.packlist-due-info a{color:#888;text-decoration:underline}.packlist-due-info a:hover{color:#555}.packlist-add-btn{background:none;border:1px solid #ccc;border-radius:6px;color:#333;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.packlist-add-btn:hover:not(:disabled){border-color:#999;background:#f5f5f5}.packlist-add-btn:disabled{opacity:.6;cursor:not-allowed}.packlist-add-wrapper{position:relative}.packlist-dropdown{position:absolute;top:calc(100% + 4px);left:0;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 16px #0000001f;min-width:160px;z-index:50;overflow:hidden}.packlist-dropdown button{display:block;width:100%;padding:.625rem .875rem;border:none;background:none;font-size:.9rem;text-align:left;cursor:pointer;color:#333}.packlist-dropdown button:hover{background:#f5f5f5}.packlist-dropdown button+button{border-top:1px solid #eee}.packlist-error{color:#d32f2f;font-size:.875rem;margin:0 0 1rem}.packlist-empty{color:#666;font-size:.9rem;text-align:center;margin-top:2rem}.packlist-list{list-style:none;padding:0;margin:0}.packlist-item{padding:0;border-bottom:1px solid #eee}.packlist-item:first-child{border-top:1px solid #eee}.packlist-item-btn{display:flex;flex-direction:column;gap:.375rem;width:100%;background:none;border:none;cursor:pointer;padding:.75rem 0;text-align:left}.packlist-item-btn:hover .packlist-item-name{color:#555}.packlist-item-name{font-size:1rem}.packlist-item-stats{width:100%}.packlist-item-row{display:flex;align-items:center;justify-content:space-between;width:100%}.packlist-paused-separator{display:flex;align-items:center;gap:.75rem;padding:1rem 0 .5rem;color:#999;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em}.packlist-paused-separator hr{flex:1;border:none;border-top:1px solid #ddd;margin:0}.packlist-item-paused .packlist-item-btn{opacity:.5}.packlist-play-btn{background:none;border:none;color:#999;cursor:pointer;padding:.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:1}.packlist-play-btn:hover{color:#555}.export-modal-backdrop{position:fixed;inset:0;display:flex;justify-content:center;align-items:center;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:100}.export-modal{width:100%;max-width:400px;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 24px #0000001f}.export-modal h2{margin:0 0 1rem;font-size:1.25rem}.export-modal-tree{background:#f8f8f8;border-radius:6px;padding:.75rem 1rem;font-family:monospace;font-size:.8rem;line-height:1.6;color:#444;margin-bottom:1rem;white-space:pre;overflow-x:auto}.export-modal-warning{color:#666;font-size:.8rem;line-height:1.5;margin:0 0 1.5rem}.export-modal-warning strong{color:#444}.export-modal-buttons{display:flex;gap:.75rem}.export-modal-export-btn{flex:1;padding:.625rem 1rem;border:none;border-radius:6px;background:#111;color:#fff;font-size:1rem;cursor:pointer}.export-modal-export-btn:disabled{opacity:.6;cursor:not-allowed}.export-modal-cancel-btn{flex:1;padding:.625rem 1rem;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;font-size:1rem;cursor:pointer}.export-modal-cancel-btn:hover{border-color:#999}.export-modal-progress{color:#666;font-size:.9rem;text-align:center;margin:1rem 0 0}.export-modal-spinner{display:inline-block;width:1rem;height:1rem;border:2px solid rgba(0,0,0,.15);border-top-color:#333;border-radius:50%;animation:export-modal-spin .6s linear infinite;vertical-align:middle;margin-right:.5rem}@keyframes export-modal-spin{to{transform:rotate(360deg)}}.export-modal-error{color:#d32f2f;font-size:.875rem;margin:1rem 0 0;text-align:center}.packdetail-container{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:2rem 1rem}.packdetail-content{width:100%;max-width:600px}.packdetail-header{margin-bottom:1.5rem}.packdetail-back{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;padding:0;margin-bottom:.5rem;display:block}.packdetail-back:hover{color:#333}.packdetail-header h1{font-size:1.5rem;margin:0}.packdetail-rename-form input{width:100%;padding:.375rem .5rem;border:1px solid #333;border-radius:4px;font-size:1.5rem;font-weight:700;outline:none}.packdetail-mastery{margin-bottom:1rem}.packdetail-actions{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.packdetail-practice-btn{padding:.6rem 1.5rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.packdetail-practice-btn:hover{background:#2980b9}.packdetail-practice-btn:disabled{background:#bdc3c7;cursor:not-allowed}.packdetail-study-all-link{background:none;border:none;color:#666;font-size:.9rem;cursor:pointer;text-decoration:underline;padding:0}.packdetail-study-all-link:hover{color:#333}.packdetail-study-all-link:disabled{color:#bdc3c7;cursor:not-allowed;text-decoration:none}.packdetail-menu-wrapper{position:relative}.packdetail-menu-btn{background:none;border:none;font-size:1.25rem;color:#666;cursor:pointer;padding:.25rem .5rem;line-height:1;letter-spacing:.1em;border-radius:4px}.packdetail-menu-btn:hover{background:#f0f0f0;color:#333}.packdetail-menu{position:absolute;right:0;top:100%;margin-top:.25rem;background:#fff;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:140px;z-index:10;overflow:hidden}.packdetail-menu-item{display:block;width:100%;padding:.625rem 1rem;background:none;border:none;text-align:left;font-size:.9rem;cursor:pointer;color:#333}.packdetail-menu-item:hover{background:#f5f5f5}.packdetail-menu-item:disabled{color:#bdc3c7;cursor:not-allowed}.packdetail-menu-item-danger{color:#d32f2f}.packdetail-menu-item-danger:hover{background:#fef2f2}.packdetail-add-btn{display:block;width:100%;padding:.75rem;border:2px dashed #ccc;border-radius:8px;background:none;color:#666;font-size:1rem;cursor:pointer;margin-bottom:1.5rem}.packdetail-add-btn:hover{border-color:#999;color:#333}.packdetail-error{color:#d32f2f;font-size:.875rem;margin:0 0 1rem}.packdetail-empty{color:#666;font-size:.9rem;text-align:center;margin-top:2rem}.packdetail-list{list-style:none;padding:0;margin:0}.packdetail-card{padding:1rem 0;border-bottom:1px solid #eee}.packdetail-card:first-child{border-top:1px solid #eee}.packdetail-card-top{display:flex;align-items:center;gap:.375rem;margin-bottom:.5rem}.packdetail-mastery-badge{display:inline-block;width:8px;height:8px;border-radius:50%;flex-shrink:0}.packdetail-mastery-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.packdetail-card-content{display:flex;gap:2rem;margin-bottom:.5rem}.packdetail-card-side{flex:1;display:flex;flex-direction:column;gap:.25rem}.packdetail-card-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em}.packdetail-card-actions{display:flex;gap:.75rem}.packdetail-action{background:none;border:none;color:#888;cursor:pointer;font-size:.8rem;padding:0}.packdetail-action:hover{color:#333}.packdetail-action-delete:hover{color:#d32f2f}.packdetail-card-image{max-width:100%;max-height:200px;border-radius:4px;margin-top:.25rem}.packdetail-paused-badge{display:inline-block;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;background:#f0f0f0;color:#999;padding:.15rem .5rem;border-radius:999px;margin-left:.5rem;vertical-align:middle}.cardform{display:flex;flex-direction:column;gap:1.5rem}.cardform-side{border:1px solid #e0e0e0;border-radius:8px;padding:1rem;display:flex;flex-direction:column;gap:.75rem}.cardform-side-label{font-size:.75rem;color:#999;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.cardform-textarea{padding:.625rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:inherit;outline:none;resize:vertical;min-height:60px}.cardform-textarea:focus{border-color:#333}.cardform-dropzone{border:2px dashed #ccc;border-radius:8px;padding:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem;color:#999;font-size:.875rem;transition:border-color .15s,background-color .15s}.cardform-dropzone-active{border-color:#333;background-color:#f5f5f5}.cardform-dropzone-text{color:#999}.cardform-browse-btn{background:none;border:1px solid #ccc;border-radius:4px;padding:.25rem .625rem;font-size:.875rem;color:#555;cursor:pointer}.cardform-browse-btn:hover{border-color:#999;color:#333}.cardform-file-input{display:none}.cardform-preview{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.cardform-preview-img{max-width:100%;max-height:200px;border-radius:4px}.cardform-remove-img{background:none;border:none;color:#d32f2f;cursor:pointer;font-size:.8rem;padding:0}.cardform-remove-img:hover{text-decoration:underline}.cardform-actions{display:flex;gap:.75rem}.cardform-btn-primary{padding:.625rem 1.25rem;border:none;border-radius:6px;background:#111;color:#fff;font-size:1rem;cursor:pointer}.cardform-btn-primary:disabled{opacity:.6;cursor:not-allowed}.cardform-btn-secondary{padding:.625rem 1.25rem;border:1px solid #ccc;border-radius:6px;background:#fff;color:#333;font-size:1rem;cursor:pointer}.cardform-btn-secondary:disabled{opacity:.6;cursor:not-allowed}.cardform-btn-secondary:hover:not(:disabled){border-color:#999}.login-container{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px))}.login-container>.landing-nav{width:100%}.login-container .login-card{margin-top:20vh}.login-card{width:100%;max-width:360px;padding:2rem}.login-card h1{margin:0 0 .5rem;font-size:1.5rem}.login-card p{margin:0 0 1.5rem;color:#666;font-size:.9rem}.login-card form{display:flex;flex-direction:column;gap:1rem}.login-card input{padding:.625rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;outline:none}.login-card input:focus{border-color:var(--color-primary)}.login-card button{padding:.625rem 1rem;border:none;border-radius:6px;background:var(--color-primary);color:#fff;font-size:1rem;cursor:pointer}.login-card button:hover:not(:disabled){background:var(--color-primary-hover)}.login-card button:disabled{opacity:.6;cursor:not-allowed}.login-error{color:#d32f2f;font-size:.875rem;margin:0}.login-card .login-back{background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;padding:0;text-decoration:underline}.login-card .login-back:hover{background:none;color:#333}@media(max-width:480px){.login-container .landing-nav-links{display:none}}.review-container{display:flex;flex-direction:column;align-items:center;min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:1rem;max-width:600px;margin:0 auto}.review-header{display:flex;justify-content:space-between;align-items:center;width:100%;margin-bottom:1.5rem}.review-header-left{display:flex;align-items:center;gap:.5rem}.review-back-btn{background:none;border:none;font-size:1.2rem;cursor:pointer;padding:.25rem .5rem;color:#666}.review-back-btn:hover{color:#333}.review-progress{color:#666;font-size:.9rem}.review-card-container{perspective:1000px;width:100%;max-width:500px;min-height:300px;margin-bottom:1.5rem;cursor:pointer}.review-card-inner{position:relative;width:100%;min-height:300px;transition:transform .3s ease;transform-style:preserve-3d}.review-card-inner.flipped{transform:rotateY(180deg)}.review-card-face{position:absolute;top:0;left:0;width:100%;min-height:300px;backface-visibility:hidden;border:2px solid #e0e0e0;border-radius:12px;padding:2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;box-sizing:border-box}.review-card-back{transform:rotateY(180deg)}.review-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:.75rem}.review-card-text{font-size:1.25rem;text-align:center;word-break:break-word}.review-card-image{max-width:100%;max-height:200px;border-radius:8px;margin-top:.5rem}.review-hint{color:#999;font-size:.9rem;margin-bottom:1rem}.review-rating-buttons{display:flex;gap:.75rem;width:100%;max-width:500px}.review-rating-btn{flex:1;padding:.75rem .5rem;border:2px solid;border-radius:8px;font-size:.9rem;font-weight:600;cursor:pointer;background:#fff;transition:background-color .15s,color .15s}.review-rating-btn.missed{border-color:#e74c3c;color:#e74c3c}.review-rating-btn.missed:hover,.review-rating-btn.missed.selected{background:#e74c3c;color:#fff}.review-rating-btn.hard{border-color:#e67e22;color:#e67e22}.review-rating-btn.hard:hover,.review-rating-btn.hard.selected{background:#e67e22;color:#fff}.review-rating-btn.good{border-color:#27ae60;color:#27ae60}.review-rating-btn.good:hover,.review-rating-btn.good.selected{background:#27ae60;color:#fff}.review-rating-btn.easy{border-color:#3498db;color:#3498db}.review-rating-btn.easy:hover,.review-rating-btn.easy.selected{background:#3498db;color:#fff}.review-rating-key{display:block;font-size:.7rem;font-weight:400;opacity:.7;margin-top:.25rem}.review-summary{text-align:center;padding:2rem}.review-summary h2{margin-bottom:1rem}.review-summary-stats{display:flex;gap:2rem;justify-content:center;margin-bottom:2rem}.review-summary-stat{text-align:center}.review-summary-stat-value{font-size:2rem;font-weight:700}.review-summary-stat-label{font-size:.85rem;color:#666}.review-done-btn{padding:.75rem 2rem;background:#3498db;color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer}.review-done-btn:hover{background:#2980b9}.review-empty{text-align:center;padding:3rem 1rem;color:#666}.review-empty h2{margin-bottom:.5rem;color:#333}.review-undo-btn{background:none;border:none;color:#666;cursor:pointer;font-size:.85rem;padding:.25rem .5rem}.review-undo-btn:hover{color:#333}.review-syncing{color:#666;font-size:.9rem}.review-limit-message{color:#666;font-size:.9rem;margin-bottom:1rem;line-height:1.4}.account-container{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:2rem 1rem}.account-content{width:100%;max-width:600px}.account-header{margin-bottom:2rem}.account-header h1{font-size:1.5rem;margin:.75rem 0 0}.account-back{display:inline-flex;align-items:center;gap:.25rem;background:none;border:none;color:#666;cursor:pointer;font-size:.875rem;padding:0}.account-back:hover{color:#333}.account-section{margin-bottom:2rem}.account-label{display:block;font-size:.75rem;color:#888;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.25rem}.account-value{margin:0;font-size:1rem;color:#333}.account-logout{padding:.625rem 1.25rem;border:1px solid #d32f2f;border-radius:6px;background:#fff;color:#d32f2f;font-size:1rem;cursor:pointer}.account-logout:hover{background:#fef2f2}.flip-card-wrapper{position:relative}.flip-card-wrapper:hover{z-index:2}.flip-card{perspective:800px;min-height:160px}.flip-card-inner{position:relative;width:100%;min-height:160px;transition:transform .35s ease;transform-style:preserve-3d;cursor:pointer}.flip-card-inner.flipped{transform:rotateY(180deg)}.flip-card-face{position:absolute;top:0;left:0;width:100%;min-height:160px;backface-visibility:hidden;border:2px solid #e0e0e0;border-radius:12px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;box-sizing:border-box;transition:box-shadow .15s ease}.flip-card-face:hover{border-color:#ccc}.flip-card-back{transform:rotateY(180deg)}.flip-card-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:.5rem;flex-shrink:0}.flip-card-text{font-size:.95rem;text-align:center;word-break:break-word;color:#333;line-height:1.4;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.flip-card-wrapper:hover .flip-card-face{box-shadow:0 4px 16px #0000001f}.flip-card-wrapper:hover .flip-card-text{-webkit-line-clamp:unset;display:block;overflow:visible}.flip-card-delete{position:absolute;top:6px;right:6px;width:24px;height:24px;border:none;background:none;cursor:pointer;color:#bbb;font-size:1rem;display:flex;align-items:center;justify-content:center;border-radius:4px;padding:0;z-index:1}.flip-card-delete:hover{color:#d32f2f;background:#d32f2f14}.flip-card-edit{display:block;margin-top:.375rem;border:none;background:none;color:#888;font-size:.75rem;cursor:pointer;padding:.125rem .25rem;text-align:center;width:100%}.flip-card-edit:hover{color:#333}.generate-container{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:2rem 1rem}.generate-content{width:100%;max-width:600px}.generate-content h1{font-size:1.5rem;margin:0 0 1.5rem}.generate-content h2{font-size:1.25rem;margin:0 0 1rem}.generate-error{color:#d32f2f;font-size:.875rem;margin:0 0 1rem}.generate-form label{display:block;margin-bottom:1rem}.generate-form label span{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:#333}.generate-form input,.generate-form textarea{width:100%;padding:.625rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:inherit;box-sizing:border-box}.generate-form textarea{resize:vertical;min-height:80px}.generate-example-back-field{margin-bottom:1rem}.generate-example-back-header{display:flex;align-items:baseline;gap:.5rem;margin-bottom:.25rem}.generate-example-back-header>span{font-size:.875rem;font-weight:500;color:#333}.generate-example-back-field textarea{width:100%;padding:.625rem;border:1px solid #ccc;border-radius:6px;font-size:1rem;font-family:inherit;box-sizing:border-box;resize:vertical;min-height:80px}.generate-suggest-link{display:inline-flex;align-items:center;gap:.25rem;font-size:.813rem;color:#06c;text-decoration:none;cursor:pointer}.generate-suggest-link:hover{text-decoration:underline}.generate-suggest-link[aria-disabled=true]{opacity:.4;cursor:default;pointer-events:none}.generate-suggestions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.generate-suggestion-item{padding:.375rem .75rem;border:1px solid #ccc;border-radius:20px;background:#fff;font-size:.813rem;cursor:pointer;color:#333;transition:background .15s,border-color .15s}.generate-suggestion-item:hover{background:#f0f0f0;border-color:#999}.generate-suggestions-dismiss{padding:.375rem .5rem;border:none;background:none;font-size:.75rem;color:#999;cursor:pointer}.generate-suggestions-dismiss:hover{color:#555}.generate-size-fieldset{border:none;padding:0;margin-bottom:1rem}.generate-size-fieldset legend{font-size:.875rem;font-weight:500;color:#333;margin-bottom:.5rem}.generate-size-options{display:flex;gap:.5rem;flex-wrap:wrap}.generate-size-option{display:flex;align-items:center;gap:.375rem;cursor:pointer;padding:.5rem .75rem;border:1px solid #ccc;border-radius:6px;font-size:.875rem;transition:border-color .15s}.generate-size-option:has(input:checked){border-color:#111;background:#f5f5f5}.generate-size-option input{accent-color:#111}.generate-disclaimer{background:#fff8e1;border:1px solid #ffe082;border-radius:6px;padding:.75rem 1rem;margin-bottom:1.5rem;font-size:.813rem;color:#6d4c00;line-height:1.4}.generate-actions{display:flex;gap:.5rem;margin-top:1.5rem}.generate-actions button{flex:1;padding:.625rem 1rem;border:none;border-radius:6px;font-size:1rem;cursor:pointer}.generate-actions button:disabled{opacity:.6;cursor:not-allowed}.generate-btn-primary{background:#111;color:#fff}.generate-btn-cancel{background:#eee;color:#333}.generate-preview-wrapper{position:relative;margin-top:1.5rem}.generate-preview-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;background:#ffffffd9;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:12px;font-size:.875rem;color:#555}.generate-spinner{width:1.5rem;height:1.5rem;border:2px solid rgba(0,0,0,.1);border-top-color:#555;border-radius:50%;animation:generate-spin .6s linear infinite}@keyframes generate-spin{to{transform:rotate(360deg)}}.generate-preview{margin-top:0}.generate-preview-header{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:#666;margin-bottom:.5rem}.generate-preview-cards{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.generate-preview-face{border:2px solid #e0e0e0;border-radius:12px;padding:1.5rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff;min-height:120px}.generate-preview-face-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;color:#999;margin-bottom:.75rem}.generate-preview-face-text{font-size:1.1rem;text-align:center;word-break:break-word;color:#333}.generate-content--wide{max-width:900px}.generate-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem;align-items:start}.generate-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:1.5rem}.generate-pagination button{padding:.375rem .75rem;border:1px solid #ccc;border-radius:6px;background:#fff;font-size:.875rem;cursor:pointer;color:#333}.generate-pagination button:hover:not(:disabled){background:#f5f5f5;border-color:#999}.generate-pagination button:disabled{opacity:.4;cursor:not-allowed}.generate-pagination-label{font-size:.875rem;color:#666}.generate-edit-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.generate-edit-modal{background:#fff;border-radius:12px;padding:1.5rem;width:100%;max-width:420px}.generate-edit-modal h3{margin:0 0 1rem;font-size:1.1rem}.generate-edit-modal label{display:block;margin-bottom:.75rem}.generate-edit-modal label span{display:block;font-size:.875rem;font-weight:500;margin-bottom:.25rem;color:#333}.generate-edit-modal textarea{width:100%;padding:.5rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box}.generate-edit-modal-actions{display:flex;gap:.5rem;margin-top:1rem}.generate-edit-modal-actions button{flex:1;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.9rem;cursor:pointer}.generate-refine{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #eee}.generate-refine h3{font-size:1rem;margin:0 0 .5rem}.generate-refine-caption{font-size:.813rem;color:#666;margin:0 0 .75rem;line-height:1.4}.generate-refine textarea{width:100%;padding:.625rem;border:1px solid #ccc;border-radius:6px;font-size:.9rem;font-family:inherit;resize:vertical;min-height:60px;box-sizing:border-box;margin-bottom:.5rem}.generate-refine button{padding:.5rem 1rem;border:none;border-radius:6px;background:#111;color:#fff;font-size:.875rem;cursor:pointer}.generate-refine button:disabled{opacity:.6;cursor:not-allowed}.generate-refine button{display:inline-flex;align-items:center;gap:.5rem}.generate-refining-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;color:#555;font-size:.9rem}.generate-spinner--small{width:1rem;height:1rem}.generate-progress-text{color:#333;font-size:.9rem;margin:0 0 .75rem}.generate-progress-bar{width:100%;height:6px;background:#eee;border-radius:3px;overflow:hidden}.generate-progress-fill{height:100%;background:#111;border-radius:3px;transition:width .2s ease}.generate-done{text-align:center;padding-top:2rem}.generate-done p{color:#333;font-size:1rem;margin:0 0 1.5rem}.generate-done button{padding:.625rem 1.5rem;border:none;border-radius:6px;background:#111;color:#fff;font-size:1rem;cursor:pointer}.hiw-container{min-height:calc(100vh - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));display:flex;justify-content:center;padding:2rem 1rem}.hiw-content{width:100%;max-width:600px}.hiw-content h1{font-size:1.5rem;margin:0 0 1rem}.hiw-content h2{font-size:1.15rem;margin:1.5rem 0 .5rem}.hiw-content p{color:#444;font-size:.95rem;line-height:1.6;margin:0 0 .75rem}.hiw-content ul{padding-left:1.25rem;margin:0 0 .75rem}.hiw-content li{color:#444;font-size:.95rem;line-height:1.6;margin-bottom:.5rem}html{scroll-behavior:smooth}.landing{font-family:Inter,system-ui,-apple-system,sans-serif;color:#211e1f;line-height:1.6}.landing h1,.landing h2,.landing h3{font-family:Poppins,Inter,system-ui,sans-serif;line-height:1.2}.landing-section-inner{max-width:1100px;margin:0 auto;padding:0 24px}.landing-nav{position:sticky;top:0;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #e8e8e8;z-index:100}.landing-nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:64px;display:flex;align-items:center;justify-content:space-between}.landing-nav-brand{display:flex;align-items:center;text-decoration:none}.landing-nav-logo{width:32px;height:32px;position:relative;top:4px}.landing-nav-wordmark{font-family:Poppins,Inter,system-ui,sans-serif;font-weight:700;font-size:1.25rem;color:#211e1f}.landing-nav-wordmark-light{color:var(--color-primary, #4467d4);font-weight:400}.landing-nav-links{display:flex;align-items:center;gap:24px}.landing-nav-link{color:#211e1f;text-decoration:none;font-size:.95rem;font-weight:500}.landing-nav-link:hover{color:var(--color-primary, #4467d4)}.landing-nav-cta{display:inline-block;background:var(--color-primary, #4467d4);color:#fff;text-decoration:none;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;font-size:.95rem;padding:8px 20px;border-radius:8px;transition:background .15s}.landing-nav-cta:hover{background:#3554b8}.landing-hero{padding:80px 0 60px}.landing-hero-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:60px}.landing-hero-text{flex:1}.landing-hero-headline{font-size:3rem;font-weight:800;margin:0 0 16px;color:#211e1f}.landing-hero-sub{font-size:1.2rem;color:#555;margin:0 0 32px;max-width:520px}.landing-hero-cta{display:inline-block;background:var(--color-primary, #4467d4);color:#fff;text-decoration:none;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;font-size:1.1rem;padding:14px 36px;border-radius:8px;transition:background .15s}.landing-hero-cta:hover{background:#3554b8}.landing-hero-screenshot{flex:1;max-width:340px}.landing-hero-screenshot img{width:100%;border-radius:12px;box-shadow:0 8px 32px #0000001f}.landing-encryption{padding:80px 0;background:#f8f9fb}.landing-encryption h2{font-size:2rem;text-align:center;margin:0 0 16px}.landing-encryption-intro{text-align:center;font-size:1.125rem;color:#555;max-width:640px;margin:0 auto 48px}.landing-encryption-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:20px;margin-bottom:40px}.landing-encryption-card{background:#fff;border-radius:10px;padding:20px 24px;border:1px solid #e8e8e8;display:flex;align-items:center;gap:16px}.landing-encryption-icon{flex-shrink:0;color:var(--color-primary, #4467d4)}.landing-encryption-icon svg{width:28px;height:28px}.landing-encryption-card p{margin:0;font-size:.95rem;color:#444;line-height:1.5}.landing-encryption-closing{text-align:center;font-size:1.05rem;color:#333;max-width:700px;margin:0 auto;font-weight:500}.landing-simplicity{padding:80px 0}.landing-simplicity-layout{display:flex;align-items:center;gap:60px}.landing-simplicity-text{flex:1}.landing-simplicity-text h2{font-size:2rem;margin:0 0 20px}.landing-simplicity-text p{font-size:1.05rem;color:#444;margin:0 0 16px}.landing-simplicity-screenshot{flex:1;max-width:310px}.landing-simplicity-screenshot img{width:100%;border-radius:12px;box-shadow:0 8px 32px #0000001f}.landing-features{padding:80px 0;background:#f8f9fb}.landing-features h2{font-size:2rem;text-align:center;margin:0 0 48px}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:24px}.landing-feature-card{background:#fff;border-radius:10px;padding:20px 24px;border:1px solid #e8e8e8;display:flex;align-items:center;gap:16px}.landing-feature-icon{flex-shrink:0;color:var(--color-primary, #4467d4)}.landing-feature-icon svg{width:28px;height:28px}.landing-feature-card h3{font-size:1.15rem;margin:0 0 8px}.landing-feature-card p{margin:0;font-size:.95rem;color:#555;line-height:1.5}.landing-pricing{padding:80px 0}.landing-pricing h2{font-size:2rem;text-align:center;margin:0 0 48px}.landing-pricing-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;max-width:700px;margin:0 auto}.landing-pricing-card{background:#fff;border-radius:12px;padding:36px 28px;border:1px solid #e8e8e8;text-align:center}.landing-pricing-card--highlighted{border-color:var(--color-primary, #4467d4);box-shadow:0 4px 20px #4467d426}.landing-pricing-card h3{font-size:1.3rem;margin:0 0 12px}.landing-pricing-price{font-size:2.5rem;font-weight:700;font-family:Poppins,Inter,system-ui,sans-serif;margin-bottom:24px}.landing-pricing-period{font-size:1rem;font-weight:400;color:#888}.landing-pricing-features{list-style:none;padding:0;margin:0 0 28px;text-align:left}.landing-pricing-features li{padding:6px 0;font-size:.95rem;color:#444}.landing-pricing-features li:before{content:"✓";color:var(--color-primary, #4467d4);font-weight:700;margin-right:10px}.landing-pricing-cta{display:inline-block;background:var(--color-primary, #4467d4);color:#fff;text-decoration:none;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;font-size:1rem;padding:12px 32px;border-radius:8px;transition:background .15s}.landing-pricing-cta:hover{background:#3554b8}.landing-final-cta{padding:80px 0;background:var(--color-primary, #4467d4);text-align:center}.landing-final-cta h2{color:#fff;font-size:2rem;margin:0 0 28px}.landing-final-cta-btn{display:inline-block;background:#fff;color:var(--color-primary, #4467d4);text-decoration:none;font-family:Poppins,Inter,system-ui,sans-serif;font-weight:600;font-size:1.1rem;padding:14px 36px;border-radius:8px;transition:background .15s}.landing-final-cta-btn:hover{background:#f0f0f0}.landing-footer{padding:40px 0;background:#211e1f;color:#aaa}.landing-footer-inner{max-width:1100px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.landing-footer-brand{display:flex;align-items:center}.landing-footer-logo{width:40px;height:40px;position:relative;top:4px}.landing-footer-wordmark{font-family:Poppins,Inter,system-ui,sans-serif;font-weight:700;font-size:1.4rem;color:#fff}.landing-footer-wordmark-light{font-weight:400;color:var(--color-primary, #4467d4)}.landing-footer-links{display:flex;gap:24px}.landing-footer-links a{color:#aaa;text-decoration:none;font-size:.9rem}.landing-footer-links a:hover{color:#fff}.landing-footer-copy{font-size:.85rem;margin:0}@media(max-width:768px){.landing-hero{padding:48px 0 40px}.landing-hero-inner{flex-direction:column;gap:40px}.landing-hero-headline{font-size:2.25rem}.landing-hero-sub{font-size:1.05rem}.landing-hero-screenshot{max-width:100%}.landing-encryption-grid{grid-template-columns:repeat(2,1fr)}.landing-simplicity-layout{flex-direction:column;gap:40px}.landing-simplicity-screenshot{max-width:100%}.landing-features-grid{grid-template-columns:repeat(2,1fr)}.landing-pricing-grid{grid-template-columns:1fr;max-width:400px}.landing-footer-inner{flex-direction:column;text-align:center}}@media(max-width:480px){.landing-nav-links{gap:12px}.landing-nav-link{display:none}.landing-nav-link:last-of-type{display:inline}.landing-hero-headline{font-size:2rem}.landing-encryption-grid,.landing-features-grid{grid-template-columns:1fr}}:root{--color-primary: #4467d4;--color-primary-hover: #3a5bc2}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter Variable,system-ui,-apple-system,sans-serif;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}h1,h2,h3,h4,h5,h6{font-family:Poppins,sans-serif}body:before{content:"";position:fixed;top:0;left:0;right:0;height:env(safe-area-inset-top,0px);background:#fff;z-index:1000}