body{color:#111827;background:#eceff4;min-height:100svh;margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{min-height:100svh}.phone-frame{background:linear-gradient(165deg,#522095 0%,#6f2cb3 38%,#7a39b5 100%);border:1px solid #c7cde0;border-radius:28px;width:min(390px,100%);height:780px;max-height:calc(100svh - 32px);margin:16px auto;overflow:hidden;box-shadow:0 24px 52px #1c123a52}.screen{height:100%;padding:calc(18px + env(safe-area-inset-top,0px)) 18px calc(10px + env(safe-area-inset-bottom,0px) + 32px);box-sizing:border-box;background:radial-gradient(120px 60px at 15% 0,#ffffff1f,#0000),radial-gradient(150px 80px at 85% 0,#ffffff1f,#0000);flex-direction:column;gap:12px;display:flex;position:relative}.header{flex-direction:column;gap:6px;display:flex}.top-bar{justify-content:space-between;align-items:center;display:flex}.top-title{color:#f7f4ff;letter-spacing:.2px;font-size:.85rem}h1{color:#fff;margin:0;font-size:1.4rem}.header p{color:#d8ccf5;margin:0;font-size:.88rem}.icon-button{color:#fff;background:#ffffff14;border:1px solid #ffffff40;border-radius:999px;width:30px;height:30px;padding:0;font-size:.95rem;line-height:1}.text-back-button{border-radius:10px;width:auto;height:32px;padding:0 10px;font-size:.8rem;font-weight:600;line-height:1}.top-actions{gap:6px;display:flex}.add-card-button{width:40px;height:40px;font-size:1.35rem;font-weight:700}.delete-card-button{background:#c22a4d52;border-color:#ffd2e059;width:34px;height:34px;font-size:1.15rem;font-weight:700}.form-inline{flex-wrap:wrap;gap:8px;display:flex}.form-stack{flex-direction:column;gap:8px;display:flex}input,textarea,select,button{font:inherit}input,textarea,select{box-sizing:border-box;background:#fff;border:1px solid #d1d5db;border-radius:10px;width:100%;padding:10px 12px}input[type=checkbox]{width:auto;padding:0}textarea{resize:vertical;min-height:70px}button{color:#fff;cursor:pointer;background:#5b2aa8;border:none;border-radius:12px;padding:10px 12px}button:disabled,input:disabled{opacity:.65;cursor:not-allowed}.peach-button{color:#3f1f18;background:linear-gradient(#f0b393 0%,#e89c74 100%);font-weight:600}.form-inline .peach-button{white-space:nowrap}.form-inline select{flex:150px}.list{flex-direction:column;gap:8px;margin-top:2px;padding-bottom:64px;display:flex;overflow-y:auto}.bucket-item{color:#21143b;text-align:left;cursor:pointer;background:#faf8ff;border-radius:12px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;box-shadow:0 10px 24px #1f17342e}.bucket-item-main{flex-direction:column;gap:2px;display:flex}.bucket-name{font-weight:600}.bucket-item small{color:#7d6aab}.bucket-delete-button{color:#8b1e3f;background:#c22a4d29;border:1px solid #8b1e3f29;border-radius:999px;flex-shrink:0;width:32px;height:32px;padding:0;font-size:1.1rem;font-weight:700}.stats-list{padding-bottom:64px}.stats-refreshed{color:#ece6ff;margin:0;font-size:.82rem}.stats-card{color:#111827;background:#fffffff0;border-radius:14px;padding:12px;box-shadow:0 10px 24px #1f17342e}.stats-card h3{color:#23153f;margin:0 0 8px;font-size:1rem}.stats-card p{color:#374151;margin:0 0 4px;font-size:.9rem}.stats-card p:last-child{margin-bottom:0}.study-area{flex-direction:column;flex:1;gap:10px;min-height:0;margin-top:2px;padding-bottom:62px;display:flex}.study-stack{z-index:1;justify-content:center;align-items:stretch;min-height:228px;display:flex}.study-card{text-align:center;color:#0f172a;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-text-fill-color:#0f172a;background:#fff;border:1px solid #d6d9e6;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;min-height:228px;margin:0 auto;display:flex;box-shadow:0 16px 35px #1a122a3d;opacity:1!important}.study-card small{font-size:.8rem;font-weight:600;color:#31244f!important;opacity:.8!important;-webkit-text-fill-color:#31244f!important}.study-card p{text-align:center;width:100%;margin:0;font-size:1.8rem;font-weight:700;line-height:1.4;color:#0b1220!important;opacity:.8!important;-webkit-text-fill-color:#0b1220!important}.study-card.is-back p{text-align:center;white-space:pre-wrap;box-sizing:border-box;padding-left:8%;padding-right:8%;font-size:1rem;line-height:1.45}.study-card.is-back small{color:#2f2550!important;opacity:.8!important;-webkit-text-fill-color:#2f2550!important}.back-meanings{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.back-meanings p{text-align:center;width:100%;margin:0;font-size:1.15rem;font-weight:700;line-height:1.45;color:#0a1020!important;opacity:.8!important;-webkit-text-fill-color:#0a1020!important}.examples-panel{color:#111827;background:#fffffff5;border:1px solid #d7dbeb;border-radius:12px;padding:10px 12px}.examples-panel-header,.examples-overlay-header{justify-content:space-between;align-items:center;gap:8px;display:flex}.examples-panel h3,.examples-overlay h3{color:#111827;margin:0 0 6px;font-size:.9rem;font-weight:600}.examples-expand-button{color:#4a2d83;background:#ede9fe;border:1px solid #d8cff7;border-radius:999px;flex-shrink:0;width:28px;height:28px;padding:0}.examples-list{flex-direction:column;gap:10px;margin:0;display:flex}.example-item{border-bottom:1px solid #ece9f8;margin:0;padding-bottom:8px}.example-item:last-child{border-bottom:none;padding-bottom:0}.example-label{color:#5b2aa8;margin:0 0 2px;font-weight:700}.example-source{color:#111827;margin:0;line-height:1.4}.example-translation{color:#6b7280;margin:2px 0 0;line-height:1.4}.examples-overlay{z-index:20;box-sizing:border-box;background:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:18px;display:flex;position:absolute;inset:20% 0}.examples-list-expanded{flex:1;min-height:0;overflow-y:auto}.study-controls{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.study-controls button{background:#fff3;border:1px solid #ffffff40}.control-icon{width:18px;height:18px;margin:0 auto;display:block}.below-card-area{flex-direction:column;flex:1;gap:8px;min-height:0;padding-right:2px;display:flex;overflow-y:auto}.empty{color:#e3d8fb;text-align:center;margin-top:20px;font-size:.95rem}.error-text{color:#ffe4e6;background:#88133759;border:1px solid #ffffff40;border-radius:10px;margin:0;padding:8px 10px;font-size:.82rem}.counter-text{color:#ddcff8;text-align:center;margin:0;font-size:.9rem}.add-card-panel{background:#fff;border-radius:14px;padding:10px;box-shadow:0 10px 28px #1d113238}.hint-text{color:#6d4e9d;margin:0;font-size:.78rem;line-height:1.4}.bottom-nav{background:#fff;border-top:1px solid #ece9f6;border-top-left-radius:18px;border-top-right-radius:18px;justify-content:space-around;padding:8px 14px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.tab{color:#8470ae;background:0 0;border:none;padding:8px 10px;font-size:.78rem}.tab.active{color:#4a2d83;font-weight:600}.auth-screen{justify-content:center;align-items:center}.auth-content{text-align:center;flex-direction:column;align-items:center;gap:16px;padding:0 24px;display:flex}.auth-content h1{margin:0;font-size:2rem}.auth-content p{color:#d8ccf5;margin:0;font-size:.95rem}.google-sign-in-button{color:#1f1f1f;background:#fff;border:1px solid #d1d5db;border-radius:12px;align-items:center;gap:10px;margin-top:8px;padding:12px 24px;font-size:.95rem;font-weight:600;display:flex;box-shadow:0 4px 12px #0000001a}.google-icon{flex-shrink:0;width:20px;height:20px}.user-avatar{object-fit:cover;border:1px solid #ffffff40;border-radius:999px;width:30px;height:30px}@media (width<=440px){.phone-frame{border-left:none;border-right:none;border-radius:0;height:100svh;max-height:100svh;margin:0}.study-card p{font-size:1.6rem}}.profile-info{flex-direction:column;align-items:center;gap:4px;padding:12px 16px 16px;display:flex}.profile-avatar{object-fit:cover;border:2px solid #ffffff4d;border-radius:999px;width:56px;height:56px}.profile-name{color:#fff;margin:0;font-size:1rem;font-weight:700}.profile-email{color:#fff9;margin:0;font-size:.8rem}.reminders-section{flex:none;padding:0 16px 16px;overflow:visible}.reminders-section h2{color:#fff;margin:0 0 10px;font-size:1rem}.reminder-form{grid-template-columns:1fr auto auto auto;gap:6px;margin-bottom:12px;display:grid}.reminder-form select,.reminder-form input[type=time],.reminder-form input[type=number]{color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;padding:8px;font-size:.8rem}.reminder-form input[type=number]{width:48px}.reminder-form select option{color:#fff;background:#2d1b4e}.reminders-list{flex-direction:column;gap:8px;display:flex}.reminder-item{background:#ffffff14;border:1px solid #ffffff1a;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.reminder-item.is-due{background:#f9a8571f;border-color:#f9a857}.reminder-info{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.reminder-time{color:#fff;font-size:.9rem;font-weight:700}.reminder-bucket{color:#ffffffb3;font-size:.8rem}.reminder-count{color:#ffffff80;font-size:.75rem}.reminder-actions{align-items:center;gap:6px;display:flex}.peach-button.small{padding:5px 10px;font-size:.75rem}.story-overlay-screen{overflow-y:auto}.story-content{flex:1;padding:16px;overflow-y:auto}.story-content p{color:#fff;margin:0 0 14px;font-size:1.05rem;line-height:1.6}.stories-list{flex-direction:column;flex:1;gap:10px;padding:0 16px 16px;display:flex;overflow-y:auto}.story-card{text-align:left;cursor:pointer;background:#ffffff14;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:12px 14px;display:block}.story-card:hover{background:#ffffff24}.story-preview{color:#fff;margin:0 0 6px;font-size:.9rem;line-height:1.4}.story-date{color:#ffffff80;font-size:.75rem}.story-detail{background:#f6f7fb;border:1px solid #d8deea;border-radius:14px;flex-direction:column;gap:12px;padding:12px;display:flex}.story-audio-controls{align-items:center;gap:10px;margin-top:6px;display:flex}.story-audio-controls label{color:#ffffffe6;align-items:center;gap:6px;font-size:.78rem;display:flex}.story-detail .story-audio-controls label{color:#374151}.story-audio-controls select{color:#fff;background:#ffffff1f;border-color:#fff3;width:auto;min-width:72px;padding:6px 8px;font-size:.78rem}.story-detail .story-audio-controls select{color:#111827;background:#fff;border-color:#d1d5db}.story-audio-controls--overlay{padding:0 16px}.story-main-text p{color:#111827;margin:0 0 12px;font-size:1.05rem;line-height:1.65}.story-translation-block{border-top:1px solid #d6dbe8;margin-top:12px;padding-top:10px}.story-translation-title{color:#5b2aa8;letter-spacing:.02em;margin:0 0 6px;font-size:.78rem;font-weight:700}.story-translation-text{color:#6b7280;margin:0 0 10px;font-size:1rem;line-height:1.6}.story-words-used{border-top:1px solid #d6dbe8;padding-top:8px}.story-words-used small{color:#6b7280;font-size:.78rem}.story-highlight{color:#fff;background:#f9a85759;border-radius:3px;padding:0 2px}.profile-scroll{flex-direction:column;flex:1;gap:12px;padding-bottom:64px;display:flex;overflow-y:auto}.settings-card{background:#ffffff14;border:1px solid #ffffff26;border-radius:12px;margin:0 2px;padding:12px 14px}.settings-toggle{color:#fff;justify-content:space-between;align-items:center;gap:12px;font-size:.9rem;display:flex}.settings-toggle input[type=checkbox]{accent-color:#f0b393}.profile-name-row{align-items:center;gap:8px;display:flex}.pro-badge{letter-spacing:.03em;color:#3f1f18;background:linear-gradient(135deg,#f0b393,#e89c74);border-radius:999px;padding:2px 7px;font-size:.68rem;font-weight:800}.sub-card{border-radius:14px;flex-direction:column;gap:10px;margin:0 2px;padding:14px;display:flex}.sub-card--pro{background:#ffffff1a;border:1px solid #f0b39373;flex-direction:row;justify-content:space-between;align-items:center}.sub-card--free{background:#ffffff12;border:1px solid #ffffff26}.sub-card-left{align-items:center;gap:10px;display:flex}.sub-card-icon{font-size:1.4rem}.sub-card-title{color:#fff;margin:0;font-size:.9rem;font-weight:700}.sub-card-sub{color:#fff9;margin:0;font-size:.75rem}.sub-manage-btn{color:#fff;white-space:nowrap;background:#ffffff26;border:1px solid #ffffff40;border-radius:999px;padding:6px 14px;font-size:.78rem;font-weight:600}.sub-upgrade-btn{color:#fff;background:linear-gradient(135deg,#6040a0,#4a2d83);border:none;border-radius:12px;width:100%;padding:11px;font-size:.9rem;font-weight:700}.sub-lock-btn{color:#ffffffb3;background:#ffffff1f;border:1px solid #fff3;border-radius:10px;padding:5px 10px;font-size:.75rem}.sub-lock-btn.small{padding:4px 8px;font-size:.7rem}.sub-usage-bars{flex-direction:column;gap:8px;display:flex}.usage-bar-wrap{flex-direction:column;gap:3px;display:flex}.usage-bar-labels{justify-content:space-between;display:flex}.usage-label{color:#ffffffbf;font-size:.75rem}.usage-count{color:#fff9;font-size:.75rem;font-weight:600}.usage-label-over{color:#f9a857;font-size:.75rem;font-weight:600}.usage-bar-track{background:#ffffff26;border-radius:999px;height:5px;overflow:hidden}.usage-bar-fill{background:linear-gradient(90deg,#7c52c8,#9b72e0);border-radius:999px;height:100%;transition:width .4s}.usage-bar-fill.is-over{background:linear-gradient(90deg,#f97316,#f9a857)}.paywall-overlay{z-index:100;background:#0a0519b8;border-radius:28px;align-items:flex-end;display:flex;position:absolute;inset:0;overflow:hidden}.paywall-modal{background:#1a0f33;border-top-left-radius:24px;border-top-right-radius:24px;flex-direction:column;gap:16px;width:100%;max-height:96%;padding:20px 18px 32px;display:flex;position:relative;overflow-y:auto}.paywall-close{color:#ffffffb3;background:#ffffff1f;border:1px solid #fff3;border-radius:999px;width:28px;height:28px;padding:0;font-size:.8rem;line-height:1;position:absolute;top:14px;right:14px}.paywall-hero{text-align:center;padding:8px 0 4px}.paywall-hero-icon{margin-bottom:8px;font-size:2.4rem}.paywall-hero h2{color:#fff;margin:0 0 6px;font-size:1.35rem}.paywall-hero p{color:#ffffffa6;margin:0;font-size:.85rem}.paywall-features{background:#ffffff0d;border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex}.paywall-features-header,.paywall-feature-row{grid-template-columns:1fr 56px 72px;align-items:center;gap:4px;display:grid}.paywall-features-header{margin-bottom:4px}.paywall-col-free,.paywall-col-pro{text-align:center;color:#ffffff80;font-size:.72rem}.paywall-col-pro{color:#c4a8f5;font-weight:600}.paywall-feature-row{border-top:1px solid #ffffff0f;padding:5px 0}.paywall-col-feature{color:#ffffffd9;align-items:center;gap:6px;font-size:.8rem;display:flex}.paywall-feature-icon{font-size:.95rem}.paywall-pro-value{background:#9b72e033;border-radius:999px;padding:2px 6px;font-size:.7rem}.paywall-plans{flex-direction:column;gap:8px;display:flex}.paywall-plan{text-align:left;color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:12px 14px}.paywall-plan.is-selected{background:#9b72e026;border-color:#9b72e0}.paywall-plan-left{align-items:flex-start;gap:10px;display:flex}.paywall-plan-radio{color:#c4a8f5;flex-shrink:0;font-size:1.1rem;line-height:1.2}.paywall-plan-title{color:#fff;align-items:center;gap:8px;font-size:.9rem;font-weight:700;display:flex}.paywall-badge{color:#fff;background:#f97316;border-radius:999px;padding:2px 7px;font-size:.65rem;font-weight:800}.paywall-plan-sub{color:#ffffff8c;margin-top:2px;font-size:.75rem}.paywall-cta{color:#fff;background:linear-gradient(135deg,#6040a0,#4a2d83);border:none;border-radius:14px;width:100%;padding:14px;font-size:.95rem;font-weight:700}.paywall-error{color:#fca5a5;text-align:center;margin:0;font-size:.78rem}.paywall-legal{color:#ffffff59;text-align:center;margin:0;font-size:.68rem;line-height:1.4}.legal-links{justify-content:center;align-items:center;gap:8px;margin-top:24px;display:flex}.legal-links.profile-legal{border-top:1px solid #ffffff14;margin:24px 0 8px;padding-top:20px}.legal-link{color:#ffffff73;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-size:.75rem;text-decoration:underline}.legal-link:hover{color:#ffffffb3}.legal-divider{color:#ffffff40;font-size:.75rem}.legal-screen{flex-direction:column;display:flex}.legal-content{-webkit-overflow-scrolling:touch;flex:1;padding:20px;overflow-y:auto}.legal-content h3{color:#fff;margin:20px 0 6px;font-size:.95rem;font-weight:700}.legal-content h3:first-of-type{margin-top:8px}.legal-content p{color:#ffffffb3;margin:0 0 10px;font-size:.82rem;line-height:1.6}.legal-content strong{color:#ffffffe6}.legal-updated{color:#ffffff59;margin-bottom:12px;font-size:.72rem}