@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400&family=Fraunces:opsz,wght@9..144,500;9..144,600&display=swap";:root{--color-bg:#f4f3ef;--color-surface:#fff;--color-text:#232823;--color-muted:#6b7268;--color-primary:#3f4d43;--color-primary-dark:#2c3830;--color-correct-bg:#e8f5e9;--color-correct-border:#2e7d32;--color-correct-text:#1b5e20;--color-incorrect-bg:#fdecea;--color-incorrect-border:#c62828;--color-incorrect-text:#b71c1c;--radius:12px;--gap:16px;--color-forest:#142b27;--color-tab-bg:#465a57;--color-sage:#d5dddb;--color-mint:#d5dddb;--color-field-bg:#f9f9f9;--color-field-border:#eee;--color-label-on-dark:#dbdbdb;--color-hint-on-dark:#ff9a8f;--font-display:"ivypresto-display", "Fraunces", Georgia, serif;--font-body:"DM Sans", "Avenir Next", "Segoe UI", system-ui, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}img{max-width:100%;display:block}a{text-decoration:none}html,body{background:var(--color-bg);color:var(--color-text);-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-family:Avenir Next,Segoe UI,system-ui,sans-serif}#root{background:var(--color-bg);flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}button{cursor:pointer;font-family:inherit}input,textarea{font-family:inherit;font-size:1rem}.page{gap:var(--gap);flex-direction:column;flex:1;padding:20px 16px 96px;display:flex}.card{background:var(--color-surface);border-radius:var(--radius);padding:16px;box-shadow:0 1px 3px #00000014}.field-hint{color:var(--color-incorrect-text);font-size:.8rem}.pronounce-btn{color:var(--color-primary);background:0 0;border:none;padding:0;font-size:1.05rem;line-height:1}.page-dark .pronounce-btn{color:#fff}.page-light .pronounce-btn{color:var(--color-forest)}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:10px;padding:14px 20px;font-size:1rem;font-weight:600}.btn-primary:disabled{opacity:.5}.carousel{border-radius:var(--radius);aspect-ratio:4/3;background:#ddd;position:relative;overflow:hidden}.carousel img{object-fit:cover;width:100%;height:100%;display:block}.carousel-error{text-align:center;height:100%;font-family:var(--font-body);color:#888;justify-content:center;align-items:center;padding:24px;display:flex}.fun-fact{background:var(--color-field-bg);border:1px solid var(--color-field-border);color:var(--color-forest);font-size:.95rem;font-family:var(--font-body);border-radius:5px;padding:14px 16px}.error-text{color:var(--color-incorrect-text);font-size:.9rem}.page-dark,.page-light{min-height:100vh;font-family:var(--font-body);flex-direction:column;display:flex}.page-dark{background:var(--color-forest);color:#fff}.page-light{background:var(--color-sage);color:var(--color-forest)}.screen-content{flex-direction:column;flex:1;gap:24px;padding:24px 24px 100px;display:flex}.tab-bar{background:var(--color-tab-bg);flex-direction:column;flex-shrink:0;gap:16px;padding:16px 24px 20px;display:flex}.tab-bar-top{justify-content:space-between;align-items:center;display:flex}.tab-bar-title{font-family:var(--font-body);letter-spacing:3px;text-transform:uppercase;color:#fff;font-size:10px;font-weight:400}.tab-bar-logout{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;margin:-4px;padding:4px;display:flex}.tab-bar-logout img{width:18px;height:18px}.tab-bar-pills{scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:8px;margin:0 -24px;padding:0 24px;display:flex;overflow-x:auto}.tab-bar-pills::-webkit-scrollbar{display:none}.tab-pill{text-align:center;color:#fff;opacity:.8;font-family:var(--font-body);white-space:nowrap;background:#ffffff1a;border-radius:20px;flex:1 0 auto;padding:7px 8px;font-size:14px;text-decoration:none}.tab-pill.active{color:var(--color-tab-bg);opacity:1;background:#fff;font-weight:500}.week-header-block{flex-direction:column;gap:4px;display:flex}.week-header{font-family:var(--font-display);margin:0;font-size:24px;font-weight:500}.streak-line{font-family:var(--font-body);opacity:.7;font-size:12px}.divider{border:none;border-top:1px solid #142b2726;margin:0}.field-row{flex-direction:column;gap:8px;display:flex}.field-row .field-row-label{font-family:var(--font-body);align-items:center;gap:6px;font-size:14px;font-weight:700;display:flex}.page-dark .field-row .field-row-label{color:var(--color-label-on-dark)}.page-light .field-row .field-row-label{color:var(--color-forest)}.field-row input,.field-row textarea{font-family:var(--font-body);background:var(--color-field-bg);border:1px solid var(--color-field-border);color:var(--color-forest);resize:vertical;border-radius:5px;padding:12px 16px;font-size:16px}.field-row input.correct{background:var(--color-correct-bg);border-color:var(--color-correct-border);color:var(--color-correct-text)}.field-row input.incorrect{background:var(--color-incorrect-bg);border-color:var(--color-incorrect-border);color:var(--color-incorrect-text)}.field-row input:disabled,.field-row textarea:disabled{opacity:1;-webkit-text-fill-color:currentColor}.page-dark .field-hint{color:var(--color-hint-on-dark)}.pill-row{gap:16px;display:flex}.btn-pill{font-family:var(--font-body);text-transform:uppercase;letter-spacing:3px;text-align:center;cursor:pointer;border:none;border-radius:26px;flex:1;padding:16px 20px;font-size:12px;font-weight:400}.btn-pill:disabled{opacity:.5;cursor:default}.btn-pill-mint{background:var(--color-mint);color:var(--color-forest)}.btn-pill-outline-mint{border:1px solid var(--color-mint);color:var(--color-mint);background:0 0}.btn-pill-dark{background:var(--color-forest);color:var(--color-mint)}.btn-pill-sage{background:var(--color-sage);color:var(--color-forest)}.carousel-controls{background:#33333326;border-radius:8px;align-items:center;gap:14px;padding:4px 12px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.carousel-dots{align-items:center;gap:8px;display:flex}.carousel-dots .dot{background:#ffffff73;border:none;border-radius:50%;width:8px;height:8px;padding:0}.carousel-dots .dot.active{background:#fff}.carousel-arrow{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:flex}.carousel-arrow img{width:11px;height:11px}.carousel-arrow.next img{transform:scaleX(-1)}.uploader-row{gap:8px;display:flex}.uploader-tile{aspect-ratio:1;border-radius:10px;flex-shrink:0;width:calc(25% - 6px);position:relative}.uploader-tile-upload{border:1px dashed var(--color-forest);cursor:pointer;background:0 0;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.uploader-tile-upload img{width:20px;height:16px}.uploader-tile-upload span{font-family:var(--font-body);letter-spacing:1.5px;text-transform:uppercase;color:var(--color-forest);text-align:center;font-size:9px}.uploader-tile-upload:has(input:disabled){opacity:.4}.uploader-tile-upload input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.uploader-tile-upload input[type=file]:disabled{cursor:default}.uploader-tile-photo img{object-fit:cover;border-radius:10px;width:100%;height:100%}.uploader-thumb-remove{background:var(--color-forest);color:#fff;border:1px solid var(--color-field-bg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;font-size:14px;line-height:1;display:flex;position:absolute;top:-6px;right:-6px}.back-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.back-link{color:var(--color-forest);font-family:var(--font-body);letter-spacing:3px;cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:10px;padding:0;font-size:12px;text-decoration:none;display:inline-flex}.back-link img{width:16px;height:10px}.add-plant-btn{background:var(--color-forest);color:#fff;width:100%;font-family:var(--font-body);letter-spacing:3px;text-transform:uppercase;border:none;border-radius:26px;justify-content:center;align-items:center;gap:12px;padding:16px 20px;font-size:12px;display:flex}.add-plant-btn img{width:20px;height:17px}.plant-card{color:inherit;background:#fff;border-radius:10px;align-items:center;gap:12px;padding:8px;text-decoration:none;display:flex}.plant-card-photo{object-fit:cover;background:#ddd;border-radius:8px;flex-shrink:0;width:80px;height:80px}.plant-card-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.plant-card-name{font-family:var(--font-body);color:var(--color-forest);font-size:16px}.plant-card-meta{font-family:var(--font-body);color:var(--color-forest);opacity:.7;font-size:14px}.plant-card-actions{flex-shrink:0;align-items:center;gap:4px;display:flex}.plant-card-edit,.plant-card-trash{cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:flex}.plant-card-edit img{width:24px;height:24px}.plant-card-trash img{width:18px;height:24px}.study-controls{justify-content:space-between;align-items:center;display:flex}.study-filter-toggle{font-family:var(--font-body);color:#333;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px;font-weight:500;text-decoration:underline}.study-sort-select{font-family:var(--font-body);color:#333;cursor:pointer;background:0 0;border:none;padding:0;font-size:11px}.study-filters{gap:16px;margin-top:-12px;display:flex}.study-filter-field{flex-direction:column;flex:1;gap:6px;display:flex}.study-filter-field span{font-family:var(--font-body);color:var(--color-forest);font-size:12px;font-weight:700}.study-filter-field select{font-family:var(--font-body);background-color:var(--color-field-bg);border:1px solid var(--color-field-border);color:var(--color-forest);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23142b27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:5px;padding:10px 36px 10px 12px;font-size:14px}.study-card{background:#fff;border-radius:20px;flex-direction:column;gap:16px;padding:16px;display:flex}.study-card-top{gap:16px;display:flex}.study-card-photo-btn{cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0}.study-card-photo{object-fit:cover;background:#ddd;border-radius:10px;flex-shrink:0;width:100px;height:100px}.study-card-heading{flex-direction:column;gap:4px;min-width:0;display:flex}.study-card-week{font-family:var(--font-body);color:var(--color-forest);font-size:14px}.study-card-name{font-family:var(--font-body);color:var(--color-forest);font-size:20px;font-weight:700}.study-card-common{font-family:var(--font-body);color:var(--color-forest);font-size:14px}.study-card-details{font-family:var(--font-body);color:var(--color-forest);flex-direction:column;font-size:15px;line-height:1.6;display:flex}.tip-toggle{font-family:var(--font-body);color:var(--color-mint);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:6px;padding:0;font-size:13px;display:flex}.photo-modal-backdrop{z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.photo-modal-content{width:100%;max-width:400px;position:relative}.photo-modal-close{color:#fff;cursor:pointer;background:0 0;border:none;padding:8px;font-size:32px;line-height:1;position:absolute;top:-44px;right:0}.round-score{font-family:var(--font-display);color:#fff;text-align:center;font-size:20px;font-weight:500}.quiz-top-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;display:flex}.quiz-week-select{font-family:var(--font-body);background:var(--color-field-bg);color:var(--color-forest);border:1px solid var(--color-field-border);cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23142b27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;border-radius:20px;flex-shrink:0;padding:6px 32px 6px 14px;font-size:12px}.field-row select{font-family:var(--font-body);background-color:var(--color-field-bg);border:1px solid var(--color-field-border);color:var(--color-forest);appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23142b27' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;border-radius:5px;padding:12px 40px 12px 16px;font-size:16px}.field-row select.correct{background-color:var(--color-correct-bg);border-color:var(--color-correct-border);color:var(--color-correct-text)}.field-row select.incorrect{background-color:var(--color-incorrect-bg);border-color:var(--color-incorrect-border);color:var(--color-incorrect-text)}.field-row select:disabled{opacity:1;-webkit-text-fill-color:currentColor}.choice-toggle{font-family:var(--font-body);color:var(--color-forest);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-size:12px;text-decoration:underline}.field-row input.uppercase{text-transform:uppercase}.toggle{cursor:pointer;background:0 0;border:none;flex-shrink:0;align-items:center;gap:10px;padding:0;display:flex}.toggle-label{font-family:var(--font-body);letter-spacing:3px;text-transform:uppercase;color:var(--color-forest);font-size:10px}.toggle-track{background:#e5e5e0;border-radius:10px;flex-shrink:0;width:40px;height:20px;transition:background .15s;position:relative}.toggle.on .toggle-track{background:var(--color-tab-bg)}.toggle-knob{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.toggle.on .toggle-knob{transform:translate(20px)}.study-card{position:relative}.study-card-edit{justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:absolute;bottom:10px;right:10px}.study-card-edit img{width:20px;height:20px}.pronounce-btn{align-items:center;display:inline-flex}.pronounce-btn:disabled{opacity:.4;cursor:default}.pronounce-icon,.tip-icon{background-color:currentColor;display:block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.pronounce-icon{width:17px;height:17px;-webkit-mask-image:url(/sound-icon.svg);mask-image:url(/sound-icon.svg)}.tip-icon{width:21px;height:24px;-webkit-mask-image:url(/tip-icon.svg);mask-image:url(/tip-icon.svg)}.study-card-name .pronounce-btn,.study-card-details .pronounce-btn{vertical-align:middle;margin-left:8px}.study-controls-left{align-items:baseline;gap:6px;display:flex}.study-count{font-family:var(--font-body);color:#333;font-size:11px}.login-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:6px;display:flex}.login-title{max-width:156px}.login-icon{flex-shrink:0;width:172px;height:172px}