.slide-avatar{width:100%}.scene-quote{margin:1rem 0 0;padding:1rem 1.25rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);font-size:.95rem;line-height:1.6;color:var(--text);font-style:italic}.scene-3d-container{position:relative;width:100%;height:380px;min-height:320px;border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg,var(--blue-dark) 0%,var(--blue-mid) 40%,var(--blue-normal) 100%);border:1px solid var(--border);box-shadow:var(--shadow)}.scene-3d-wrap{position:relative;width:100%;height:100%;min-height:320px;display:block}.scene-3d-loading{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#1e3a5fe6;color:#fff}.scene-3d-loading-text{margin:0;font-size:1.1rem;font-weight:600}.scene-3d-loading-bar{width:80%;max-width:240px;height:8px;background:#ffffff40;border-radius:4px;overflow:hidden}.scene-3d-loading-bar-fill{height:100%;background:var(--accent, #3b82f6);border-radius:4px;transition:width .25s ease}.decor-menu{position:absolute;bottom:1rem;left:1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:.85rem 1.1rem;display:flex;flex-direction:column;gap:.5rem;z-index:10;box-shadow:var(--shadow)}.decor-menu-label{font-weight:600;font-size:.9rem;color:var(--text)}.decor-menu-btn{align-self:flex-start}.decor-menu-btn-danger{background:var(--danger);color:#fff;border:none;border-radius:var(--radius-btn);padding:.4rem .85rem;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:var(--shadow-sm)}.decor-menu-btn-danger:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:var(--shadow)}.decor-menu-tip{margin:0;font-size:.8rem;color:var(--text-muted)}@media (max-width: 640px){.slide-avatar{overflow-x:hidden}.scene-quote{margin:.75rem 0 0;padding:.85rem 1rem;font-size:.9rem}.scene-3d-container{height:280px;min-height:260px}.scene-3d-wrap{min-height:260px}.decor-menu{flex-wrap:wrap;gap:.5rem}.decor-menu-btn{min-width:44px;min-height:44px;padding:.5rem}}.checklist-list{display:flex;flex-direction:column;gap:.6rem}.checklist-item{padding:.85rem 1.1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}.checklist-item:hover{box-shadow:var(--shadow)}.checklist-item-preview{opacity:.85;border-style:dashed}.checklist-item-preview .preview-text{color:var(--text);font-weight:500}.checklist-item-preview .preview-badge{font-size:.75rem;color:var(--text-muted);font-weight:400}.checklist-preview-under{margin-top:.5rem;padding:.75rem 1rem;border:1px dashed var(--border);background:var(--card-hover)}.checklist-preview-under-label{margin:0 0 .25rem;font-size:.8rem;color:var(--text-muted);font-weight:600}.checklist-preview-under-text{margin:0 0 .25rem;font-size:1rem;font-weight:600;color:var(--accent)}.checklist-preview-under-hint{margin:0;font-size:.8rem;color:var(--text-muted)}.checklist-item.completed .check-label span,.check-label input:checked+span{text-decoration:line-through;color:var(--text-muted)}.checklist-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.collapse-btn{background:var(--card-hover);border:1px solid var(--border);color:var(--text-muted);cursor:pointer;padding:.35rem .5rem;font-size:.8rem;border-radius:var(--radius-btn);transition:all .2s ease}.collapse-btn:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.check-label{flex:1;display:flex;align-items:center;gap:.5rem;cursor:pointer;margin:0}.check-label input{margin:0}.xp-value{font-size:.85rem;font-weight:600;color:var(--xp)}.checklist-body{margin-top:.5rem;margin-left:1.5rem}.checklist-body input[type=checkbox]:not(:disabled){cursor:pointer}.sub-item{margin-bottom:.25rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.sub-item-wrap{margin-bottom:.5rem}.sub-item .sub-xp,.sub-sub-item .sub-xp{font-size:.8rem;color:var(--xp);font-weight:600;flex-shrink:0;min-width:2.75rem;text-align:right}.sub-sub-item .sub-xp{font-size:.75rem}.slide-checklist .xp-link{text-decoration:none;color:var(--xp)}.slide-checklist .xp-link:hover{text-decoration:underline}.check-label.sub{font-size:.9rem}.sub-sub-item{margin-left:1.25rem;margin-top:.2rem;margin-bottom:.2rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.check-label.sub-sub{font-size:.85rem}.slide-checklist .btn-delete-sub{font-size:1rem;padding:.15rem .3rem}.btn-edit{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:.25rem .35rem;font-size:1rem;line-height:1;border-radius:6px;transition:color .2s,background .2s}.btn-edit:hover{color:var(--accent);background:var(--accent-light)}.slide-checklist .btn-edit-sub{font-size:.9rem;padding:.15rem .25rem}.btn-add-inline{display:inline-flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;padding:0;font-size:.85rem;line-height:1;font-weight:700;color:var(--text-muted);background:var(--card-hover);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:color .2s,background .2s,border-color .2s;flex-shrink:0;-webkit-text-stroke:.35px currentColor}.btn-add-inline:hover{color:var(--accent);background:var(--accent-light);border-color:var(--accent)}.slide-checklist .btn-add-inline-sm{width:1.25rem;height:1.25rem;font-size:.75rem;-webkit-text-stroke:.3px currentColor}.add-list-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.add-list-label{font-size:.9rem;color:var(--text-muted)}.btn-list-choice{padding:.3rem .6rem;font-size:.85rem;background:var(--card-hover);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-list-choice:hover,.btn-list-choice.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-list-choice.active{font-weight:600}.add-custom-list-row{margin-top:.25rem}.input-custom-list{flex:1;min-width:8rem;max-width:14rem}.btn-add-list{padding:.3rem .6rem;font-size:.85rem;background:var(--card-hover);border:1px solid var(--border);border-radius:var(--radius-btn);cursor:pointer}.btn-add-list:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-add-list:disabled{opacity:.6;cursor:not-allowed}.add-list-limit-hint{font-size:.8rem;color:var(--text-muted)}.list-tag-with-dots{display:inline-flex;align-items:center;gap:0;position:relative}.list-tag-with-dots .btn-list-choice{border-top-right-radius:0;border-bottom-right-radius:0}.btn-list-dots{padding:.3rem .35rem;font-size:1rem;line-height:1;font-weight:600;background:var(--accent);border:1px solid var(--accent);border-left-width:0;border-radius:0 var(--radius-btn) var(--radius-btn) 0;color:#fff;cursor:pointer;transition:opacity .2s,background .2s}.btn-list-dots:hover{opacity:.9;filter:brightness(1.05)}.list-tag-with-dots.active .btn-list-dots{background:var(--accent);border-color:var(--accent);color:#fff}.list-dots-menu{position:absolute;top:100%;right:0;margin-top:.2rem;padding:.25rem 0;min-width:8rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);z-index:20;display:flex;flex-direction:column}.list-dots-menu button{padding:.4rem .75rem;font-size:.85rem;text-align:left;background:none;border:none;cursor:pointer;color:var(--text);transition:background .2s}.list-dots-menu button:hover{background:var(--card-hover);color:var(--accent)}.btn-add-list-blue{padding:.3rem .6rem;font-size:1rem;font-weight:600;line-height:1;background:var(--accent);border:1px solid var(--accent);color:#fff;border-radius:var(--radius-btn);cursor:pointer;transition:opacity .2s,background .2s}.btn-add-list-blue:hover:not(:disabled){opacity:.9;filter:brightness(1.05)}.btn-add-list-blue:disabled{opacity:.5;cursor:not-allowed}.checklist-section{margin-bottom:1.25rem}.section-title{margin:0 0 .5rem;font-size:.95rem;font-weight:600;color:var(--text)}.item-list-badges{display:flex;gap:.25rem;flex-wrap:wrap}.btn-list-badge{padding:.2rem .45rem;font-size:.75rem;background:var(--card-hover);border:1px solid var(--border);border-radius:6px;color:var(--text-muted);cursor:pointer;transition:all .2s ease}.btn-list-badge:hover,.btn-list-badge.active{border-color:var(--accent);color:var(--accent);background:var(--accent-light)}.btn-list-badge.active{font-weight:600}.checklist-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.checklist-modal{max-width:400px;width:100%}.checklist-modal-title{margin:0 0 .75rem;font-size:1rem;font-weight:600}.checklist-modal-input{width:100%;margin-bottom:1rem}.checklist-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 640px){.slide-checklist{overflow-x:hidden}.checklist-item{padding:.75rem 1rem}.checklist-head{gap:.4rem}.collapse-btn{min-width:44px;min-height:44px}.btn-list-choice,.btn-list-badge{min-height:40px;padding:.5rem .75rem;font-size:.85rem}.btn-list-dots{min-width:44px;min-height:44px}.checklist-modal-overlay{padding:2rem .5rem .5rem;align-items:flex-start}.checklist-modal{max-width:100%}.checklist-modal-actions .btn{min-height:44px}}.slide-daily .card{margin-bottom:1rem}.slide-daily .input-shelf{background:#fffffff2;border:1px solid var(--border);box-shadow:inset 0 1px 2px #0000000f}.slide-daily .input-shelf::placeholder{color:var(--text-muted)}.slide-daily .input-shelf:focus{background:#fff;border-color:var(--accent);box-shadow:inset 0 1px 2px #0000000f,0 0 0 2px var(--accent-light)}.slide-daily .card h2{margin-bottom:.5rem}.habits-table-wrap{overflow-x:auto;background:var(--card);border-radius:var(--radius);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.habits-table{width:100%;border-collapse:collapse;font-size:.95rem}.habits-table th,.habits-table td{padding:.5rem .75rem;text-align:left;border-bottom:1px solid var(--border)}.habits-table th{font-weight:600;color:var(--text-muted);font-size:.85rem}@media (max-width: 640px){.slide-daily{overflow-x:hidden}.habits-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.habits-table th,.habits-table td{padding:.6rem .5rem;font-size:.9rem}.habits-table .col-done button,.habits-table .col-done .btn{min-width:44px;min-height:44px}}.habits-table tbody tr:hover{background:var(--card-hover)}.habits-table tbody tr.completed td.col-title{text-decoration:line-through;color:var(--text-muted)}.habits-table .col-done{width:3rem;text-align:center}.habits-table .col-done input{margin:0;cursor:pointer}.habits-table .col-title{min-width:10rem}.habits-table .col-difficulty{width:6rem;color:var(--text-muted);font-size:.9rem}.habits-table .col-xp{width:4rem;font-weight:600;color:var(--xp);font-size:.9rem}.habits-table .col-actions{width:2.5rem;text-align:right}.habits-table .btn-delete{background:transparent;color:var(--danger);border:none;font-size:1.25rem;cursor:pointer;padding:.2rem .4rem;line-height:1;border-radius:6px;transition:background .2s,color .2s}.habits-table .btn-delete:hover{background:var(--danger-light);color:var(--danger)}.empty-hint{margin:0;color:var(--text-muted);font-size:.9rem}.slide-streak .card{margin-bottom:0}.slide-streak-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start}.slide-streak-grid .wheel-card{grid-column:1 / -1}@media (max-width: 640px){.slide-streak-grid{grid-template-columns:1fr;gap:.75rem}.slide-streak .card{margin-bottom:0}}.streak-card{max-width:100%}.streak-card h2{margin-bottom:.5rem}.streak-value{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .5rem}.streak-number{font-size:2.5rem;font-weight:800;color:var(--accent);line-height:1}.streak-label{font-size:1rem;color:var(--text-muted);font-weight:500}.streak-shields-row{display:flex;align-items:baseline;gap:.5rem;margin:0 0 .5rem}.streak-shields-label{font-size:1rem;color:var(--text-muted);font-weight:500}.streak-shields-value{font-size:2rem;font-weight:800;color:var(--accent);line-height:1}.streak-shields{margin:0 0 .25rem;font-size:.95rem;color:var(--accent);font-weight:600}.streak-hint{margin:0;font-size:.9rem;color:var(--text-muted)}.today-stats-card{max-width:100%}.today-stats-card h2{margin-bottom:.5rem}.today-stats-list{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0;font-size:.95rem}.today-stats-list dt{color:var(--text-muted);font-weight:500}.today-stats-list dd{margin:0;font-weight:600;color:var(--accent)}.wheel-card{max-width:100%}.wheel-card h2{margin-bottom:.5rem}.wheel-hint{margin:0 0 .75rem;font-size:.9rem;color:var(--text-muted)}.btn-wheel{padding:.6rem 1.25rem;font-size:1.1rem;font-weight:600;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-btn);cursor:pointer;transition:background .2s ease}.btn-wheel:hover:not(:disabled){background:var(--accent-hover)}.btn-wheel:disabled{opacity:.7;cursor:not-allowed}.wheel-result{margin-top:.75rem;padding:.75rem 1rem;font-size:1.25rem;font-weight:700;color:var(--accent);background:var(--accent-light);border-radius:var(--radius-btn);border:2px solid var(--accent);animation:wheel-result-pop .4s ease-out}@keyframes wheel-result-pop{0%{opacity:0;transform:scale(.7)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}.wheel-result.error{color:var(--danger);background:var(--danger-light);border-color:var(--danger)}.wheel-video-wrap{margin-bottom:.75rem;border-radius:var(--radius-btn);overflow:hidden;background:var(--blue-dark);max-width:280px;margin-left:auto;margin-right:auto}.wheel-video{display:block;width:100%;height:auto;vertical-align:middle}.activity-month-wrap{max-width:100%}.activity-month-wrap h2{margin-bottom:.5rem}.activity-month-nav{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:.75rem}.activity-month-title{font-weight:600;color:var(--text);min-width:10rem;text-align:center}.btn-month{width:2rem;height:2rem;padding:0;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:6px;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,border-color .2s}.btn-month:hover{background:var(--card-hover);border-color:var(--accent)}.activity-month-tabs{display:flex;gap:.25rem;margin-bottom:.75rem}.activity-month-tabs .btn-tab{flex:1;padding:.4rem .5rem;font-size:.85rem;border:1px solid var(--border);background:var(--bg);color:var(--text-muted);border-radius:6px;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.activity-month-tabs .btn-tab.active{background:var(--accent);border-color:var(--accent);color:#fff}.activity-month-tabs .btn-tab:hover:not(.active){background:var(--card-hover);border-color:var(--accent);color:var(--text)}.activity-chart-card{max-width:100%}.activity-chart-card h2,.activity-chart-card .activity-month-nav,.activity-chart-wrap{margin-bottom:.5rem}.activity-chart{display:block;width:100%;max-width:340px;height:auto;min-height:180px}.activity-chart .chart-axis-label{font-size:.7rem;fill:var(--text-muted)}.activity-chart-legend{margin:0;font-size:.85rem;color:var(--text-muted)}.activity-month-grid{display:flex;flex-direction:column;gap:2px}.activity-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;font-size:.7rem;color:var(--text-muted);text-align:center;margin-bottom:2px}.activity-week{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.activity-day{aspect-ratio:1;max-width:2.25rem;min-width:1.5rem;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:500;background:var(--bg);border:1px solid var(--border);border-radius:4px;color:var(--text-muted)}.activity-day.empty{background:transparent;border-color:transparent;visibility:hidden}.activity-day.active{background:var(--accent);border-color:var(--accent);color:#fff}.activity-day.today{border-width:2px;border-color:var(--xp);font-weight:700}.activity-day.today.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--xp)}.activity-day.clickable{cursor:pointer}.activity-day.clickable:hover{background:var(--card-hover);border-color:var(--accent)}.activity-legend{margin:.5rem 0 0;font-size:.8rem;color:var(--text-muted)}.streak-shield-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay, rgba(0, 0, 0, .5));display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.streak-shield-modal{max-width:360px;width:100%}.streak-shield-modal-title{margin:0 0 .5rem;font-size:1.1rem;font-weight:700;color:var(--text)}.streak-shield-modal-text{margin:0 0 1rem;font-size:.95rem;color:var(--text-muted)}.streak-shield-modal-text strong{color:var(--accent)}.streak-shield-modal-actions{display:flex;gap:.75rem;justify-content:flex-end}@media (max-width: 640px){.slide-streak .streak-number{font-size:2rem}.slide-streak .streak-shields-value{font-size:1.5rem}.slide-streak .btn-month{min-width:44px;min-height:44px;font-size:1.25rem}.slide-streak .activity-day{min-width:2rem;min-height:2rem;font-size:.7rem}.slide-streak .btn-wheel{min-height:48px;padding:.75rem 1.5rem}.slide-streak .activity-chart{max-width:100%;min-height:160px}}.store-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay, rgba(0, 0, 0, .4));-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.store-modal{background:var(--card);border:1px solid var(--border);border-radius:20px;padding:1.5rem;max-width:500px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-md)}.store-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.store-header h2{font-size:1.25rem;color:var(--text)}.btn-close{background:transparent;color:var(--text-muted);font-size:1.5rem;line-height:1;padding:.25rem}.btn-close:hover{color:var(--text)}.btn-back{background:transparent;color:var(--accent);font-size:.95rem;padding:.35rem .5rem}.btn-back:hover{text-decoration:underline}.store-folders{display:flex;gap:1rem;flex-wrap:wrap}.store-folder-card{flex:1;min-width:140px;display:flex;flex-direction:column;align-items:center;gap:.35rem;padding:1.5rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:14px;cursor:pointer;transition:background .2s,border-color .2s}.store-folder-card:hover{background:var(--accent-light);border-color:var(--accent);box-shadow:var(--shadow)}.store-folder-emoji{font-size:2.5rem}.store-folder-name{font-weight:700;font-size:1.1rem;color:var(--text)}.store-folder-desc{font-size:.8rem;color:var(--text-muted)}.store-error{color:var(--danger);font-size:.9rem;margin-bottom:.75rem}.store-section{margin-bottom:1.5rem}.store-section-title{font-size:1rem;color:var(--text);margin-bottom:.5rem}.store-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.store-item{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:.25rem}.store-item.owned{border-color:var(--accent);background:var(--accent-light)}.store-item.owned.not-in-use{border-color:#e67e22;border-width:2px;background:#fff7ed}.store-item-nothing{border-style:dashed;color:var(--text-muted)}.store-emoji{font-size:2rem}.store-name{font-weight:600;font-size:.95rem}.store-price{font-size:.85rem;color:var(--xp)}.store-owned{font-size:.8rem;color:var(--accent)}.store-count{font-size:.8rem;color:var(--text-muted);display:block}.store-placed{font-size:.75rem;color:var(--accent);display:block}.store-item .btn,.store-item .btn-sm{margin-top:.25rem}.store-item .btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.auth-screen{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.auth-card{width:100%;max-width:360px;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);padding:1.75rem}.auth-title{margin:0 0 .5rem;font-size:1.35rem;color:var(--text)}.auth-warning{margin:0 0 1.25rem;font-size:.9rem;color:var(--text-muted);line-height:1.45}.auth-tabs{display:flex;gap:.5rem;margin-bottom:1.25rem}.auth-tab{flex:1;padding:.5rem .75rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-muted);font-size:.9rem;cursor:pointer;transition:all .2s ease}.auth-tab:hover{color:var(--accent);border-color:var(--accent)}.auth-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-label{display:flex;flex-direction:column;gap:.35rem;font-size:.9rem;font-weight:500;color:var(--text)}.auth-input{padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-btn);font-size:1rem;background:#fff;color:var(--text)}.auth-input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-light)}.auth-input::placeholder{color:var(--text-muted)}.auth-input:disabled{opacity:.7;cursor:not-allowed}.auth-error{margin:0;padding:.5rem .75rem;background:var(--danger-light);color:var(--danger);border-radius:var(--radius-btn);font-size:.9rem}.auth-submit{padding:.7rem 1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-btn);font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease;margin-top:.25rem}.auth-submit:hover:not(:disabled){background:var(--accent-hover)}.auth-submit:disabled{opacity:.8;cursor:not-allowed}:root{--blue-dark: #0a0e1a;--blue-mid: #1e3a5f;--blue-normal: #2563eb;--blue-light: #93c5fd;--blue-pale: #dbeafe;--bg: var(--blue-pale);--card: #b8d4ff;--card-hover: #a3c4f8;--border: #7aa6e8;--border-focus: #60a5fa;--text: #1e293b;--text-muted: #475569;--accent: #2563eb;--accent-hover: #1d4ed8;--accent-light: #dbeafe;--xp: #d97706;--xp-light: #fef3c7;--danger: #dc2626;--danger-light: #fee2e2;--shadow-sm: 0 1px 2px rgba(30, 58, 95, .08);--shadow: 0 2px 8px rgba(30, 58, 95, .12);--shadow-md: 0 4px 12px rgba(30, 58, 95, .15);--radius: 12px;--radius-btn: 10px;--overlay: rgba(30, 58, 95, .5)}*{box-sizing:border-box}input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:.75rem;height:.75rem;min-width:.75rem;min-height:.75rem;border:1px solid var(--border);border-radius:2px;background:#fff;cursor:pointer;vertical-align:middle;position:relative;flex-shrink:0}input[type=checkbox]:checked{background:var(--accent);border-color:var(--accent)}input[type=checkbox]:checked:after{content:"";position:absolute;left:1.5px;top:-.5px;width:4px;height:7px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}input[type=checkbox]:disabled{opacity:.85;cursor:default}body{margin:0;font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:linear-gradient(180deg,var(--blue-dark) 0%,var(--blue-mid) 35%,var(--blue-normal) 100%);background-attachment:fixed;color:var(--text);min-height:100vh;line-height:1.5}.app{max-width:720px;margin:0 auto;padding:1.25rem;min-height:100vh;position:relative}@media (max-width: 640px){.app{padding:.75rem .5rem;max-width:100%}}.header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;flex-wrap:wrap;gap:.75rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.header-left{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.header-user{font-size:.9rem;color:#fffffff2}.header-logout{padding:.25rem .5rem;font-size:.8rem;background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:4px;cursor:pointer;transition:background .2s ease}.header-logout:hover{background:#ffffff59}.app.auth-loading{display:flex;align-items:center;justify-content:center;min-height:60vh}.auth-loading-text{color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4);margin:0}.header-auth-btn{padding:.25rem .5rem;font-size:.85rem;background:#ffffff40;color:#fff;border:1px solid rgba(255,255,255,.4);border-radius:4px;cursor:pointer;transition:background .2s ease}.header-auth-btn:hover{background:#fff6}.header-guest-warning{font-size:.75rem;color:#ffffffbf;font-style:italic}.auth-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.auth-modal{position:relative;width:100%;max-width:360px;max-height:90vh;overflow-y:auto}.auth-modal-close{position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;border:none;background:var(--card);color:var(--text-muted);font-size:1.25rem;line-height:1;cursor:pointer;border-radius:var(--radius-btn);z-index:1}.auth-modal-close:hover{color:var(--text);background:var(--card-hover)}.beta-badge{font-size:.65rem;font-weight:700;letter-spacing:.05em;padding:.2rem .4rem;background:#ffffff40;color:#fffffff2;border-radius:4px;border:1px solid rgba(255,255,255,.4);text-shadow:0 1px 1px rgba(0,0,0,.2)}.logo{font-size:1.75rem;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}.header h1{margin:0;font-size:1.75rem;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.4)}@media (max-width: 640px){.header{margin-bottom:.75rem;gap:.5rem}.header h1{font-size:1.35rem}.logo{font-size:1.4rem}.header-logout,.header-auth-btn{min-height:40px;padding:.35rem .6rem}.xp-bar-xp{font-size:.9rem}}.tabs{display:flex;gap:.5rem;margin-bottom:1rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.tabs::-webkit-scrollbar{height:4px}.tab{padding:.6rem 1.2rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius-btn);color:var(--text-muted);cursor:pointer;font-size:.95rem;font-weight:500;transition:all .2s ease;box-shadow:var(--shadow-sm);flex-shrink:0;min-height:44px;display:inline-flex;align-items:center}@media (max-width: 640px){.tabs{margin-bottom:.75rem;gap:.35rem}.tab{padding:.5rem .85rem;font-size:.85rem;min-height:44px}.tab.tab-small{padding:.4rem .65rem;font-size:.8rem}}.tab:hover{color:var(--accent);border-color:var(--accent);background:var(--accent-light)}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow)}.tab.active:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.tab.tab-small{padding:.4rem .85rem;font-size:.85rem}.slide-about{max-width:480px}.slide-about-card h2{margin-bottom:.5rem}.slide-about-text{margin:0 0 .75rem}.slide-about-link{color:var(--accent);font-weight:500;text-decoration:none}.slide-about-link:hover{text-decoration:underline}.slide-about-note{margin:0 0 1rem;font-size:.9rem;color:var(--text-muted);line-height:1.5}.slide-about-trigger{padding:.5rem 1.25rem;font-size:1rem;cursor:pointer;position:relative;z-index:1}.slide-about-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.slide-about-form-card{max-width:420px;width:100%;position:relative}.slide-about-form-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.slide-about-form-header h2{margin:0}.slide-about-form-close{background:none;border:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--text-muted);padding:0 .25rem}.slide-about-form-close:hover{color:var(--text)}.slide-about-form .slide-about-label{display:block;margin-bottom:.35rem;font-weight:500;font-size:.9rem}.slide-about-textarea{width:100%;padding:.6rem .75rem;border:1px solid var(--border);border-radius:var(--radius-btn);font-family:inherit;font-size:.95rem;resize:vertical;min-height:100px;background:var(--bg);color:var(--text);margin-bottom:1rem}.slide-about-textarea:focus{outline:none;border-color:var(--border-focus)}.slide-about-check-wrap{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer;font-size:.9rem}.slide-about-check-wrap input[type=checkbox]{width:1.1rem;height:1.1rem}.slide-about-input{width:100%;padding:.5rem .75rem;border:1px solid var(--border);border-radius:var(--radius-btn);font-size:.95rem;background:var(--bg);color:var(--text);margin-bottom:1rem}.slide-about-input:focus{outline:none;border-color:var(--border-focus)}.slide-about-error{margin:0 0 .75rem;color:var(--danger);font-size:.9rem}.slide-about-form-actions{display:flex;gap:.75rem;justify-content:flex-end}.slide-about-sent{margin:0;color:var(--accent);font-weight:500}.slide-about-settings-row{margin-top:1rem}.slide-about-setting-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem .75rem;margin-bottom:.25rem}.slide-about-setting-label{font-weight:600;color:var(--text)}.slide-about-lang-buttons{display:flex;gap:.35rem}.slide-about-lang-buttons .btn{background:var(--bg);border:2px solid var(--border);color:var(--text-muted)}.slide-about-lang-buttons .btn:hover{border-color:var(--accent);color:var(--text)}.slide-about-lang-buttons .btn.active{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:var(--shadow)}.slide-about-credits-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.6rem .75rem;border:none;background:none;font-size:1rem;font-weight:600;color:var(--text);cursor:pointer;text-align:left;border-radius:var(--radius-btn);transition:background .2s}.slide-about-credits-trigger:hover{background:var(--card-hover)}.slide-about-credits-chevron{font-size:.75rem;color:var(--text-muted)}.slide-about-credits{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--border)}.slide-about-credits-intro{margin:0 0 .5rem;font-size:.85rem;color:var(--text-muted)}.slide-about-credits-list{margin:0;padding-left:1.25rem;font-size:.8rem;color:var(--text-muted);line-height:1.6}.slide-about-credits-list li{margin-bottom:.2rem}@media (max-width: 640px){.slide-about{max-width:100%}.slide-about-credits-trigger,.slide-about-setting-row{min-height:48px;padding:.75rem 1rem}.slide-about-lang-buttons .btn{min-height:40px;padding:.5rem .75rem}.slide-about-form-card{max-width:100%;margin:.5rem}.slide-about-overlay{padding:2rem .5rem .5rem;align-items:flex-start}}.layout-hint{margin:0 0 1rem;font-size:.85rem;color:var(--text-muted);line-height:1.5;padding:.5rem .75rem;background:var(--card);border-radius:var(--radius-btn);border-left:3px solid var(--accent)}.slide-content{min-height:320px}@media (max-width: 640px){.slide-content{min-height:280px;overflow-x:hidden}}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;box-shadow:var(--shadow-sm);transition:box-shadow .2s ease}@media (max-width: 640px){.card{padding:1rem;margin-bottom:.75rem}.card h2{font-size:1rem}}.card:hover{box-shadow:var(--shadow)}.card h2{margin:0 0 .75rem;font-size:1.05rem;font-weight:600;color:var(--text)}.input{width:100%;padding:.6rem .9rem;border:1px solid var(--border);border-radius:var(--radius-btn);background:var(--card);color:var(--text);font-size:.95rem;margin-bottom:.6rem;transition:border-color .2s,box-shadow .2s}.input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-light)}.input::placeholder{color:var(--text-muted)}.btn{padding:.55rem 1.1rem;background:var(--accent);color:#fff;border:none;border-radius:var(--radius-btn);font-weight:600;cursor:pointer;font-size:.9rem;transition:all .2s ease;box-shadow:var(--shadow-sm)}.btn:hover{background:var(--accent-hover);box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-ghost{background:transparent;color:var(--accent);border:2px solid var(--accent)}.btn-ghost:hover{background:var(--accent-light)}.btn-ghost:disabled{opacity:.5}.btn-sm{padding:.4rem .85rem;font-size:.85rem;font-weight:600}@media (max-width: 640px){.btn{min-height:44px;padding:.6rem 1rem}.btn-sm{min-height:40px;padding:.5rem .75rem}.input{min-height:44px;padding:.65rem .85rem;font-size:16px}}.btn-delete{background:transparent;color:var(--danger);border:none;font-size:1.25rem;cursor:pointer;padding:.25rem .4rem;line-height:1;border-radius:6px;transition:background .2s,color .2s}.btn-delete:hover{background:var(--danger-light);color:var(--danger)}.empty-hint{color:var(--text-muted);font-size:.9rem}.xp-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.xp-bar-xp{font-size:.95rem;font-weight:700;color:var(--xp)}.header .xp-bar-xp{color:#fde047}.header .btn-ghost{color:#fff;border-color:#fffc}.header .btn-ghost:hover{background:#fff3;border-color:#fff;color:#fff}.buy-tea-corner{position:fixed;top:1rem;right:1rem;z-index:50}.buy-tea-trigger{padding:.35rem .6rem;font-size:.9rem;font-weight:500;background:#1e3a5fd9;border:1px solid rgba(30,58,95,.95);border-radius:var(--radius-btn);color:#ffffffe6;cursor:pointer;box-shadow:0 1px 3px #0003;transition:background .2s,border-color .2s,color .2s}.buy-tea-trigger:hover{background:#1e3a5ff2;border-color:#2563eb99;color:#fff}.buy-tea-panel{position:absolute;top:100%;right:0;margin-top:.35rem;min-width:220px;padding:1.75rem 1.25rem 1rem;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md)}.buy-tea-close{position:absolute;top:.35rem;right:.35rem;background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:.2rem;line-height:1}.buy-tea-close:hover{color:var(--text)}.buy-tea-text{margin:0 0 .5rem;font-size:.85rem;color:var(--text-muted);font-style:italic;line-height:1.4}.buy-tea-link{display:inline-block;font-size:.9rem;color:var(--accent);text-decoration:none;font-weight:600}.buy-tea-link:hover{text-decoration:underline}@media (max-width: 640px){.buy-tea-corner{top:.5rem;right:.5rem}.buy-tea-trigger{min-height:44px;padding:.5rem .75rem;font-size:.85rem}.buy-tea-panel{min-width:200px;padding:1.5rem 1rem .85rem}}