@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Jost:wght@300;400;500&display=swap";:root{--bg:#1c1510;--bg2:#241a12;--bg3:#2e2018;--card:#271c13;--border:#4a3420;--border2:#5a4030;--amber:#c87941;--amber2:#e09555;--sand:#d4a96a;--cream:#e8d5b0;--muted:#8a6a4a;--text:#d8c4a0;--text2:#a8886a;--danger:#b85a3a;--radius-sm:10px;--radius-md:14px;--radius-lg:20px;--slider-pct:13.3%}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Jost,sans-serif;font-weight:300;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:999;opacity:.35;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.glow{pointer-events:none;z-index:0;background:radial-gradient(circle,#c8794112 0%,#0000 70%);border-radius:50%;width:600px;height:600px;position:fixed;top:-260px;left:50%;transform:translate(-50%)}.settings-btn{border:1px solid var(--border);color:var(--muted);cursor:pointer;z-index:100;background:0 0;border-radius:50%;justify-content:center;align-items:center;width:42px;height:42px;transition:border-color .25s,color .25s,transform .25s;display:flex;position:fixed;top:18px;right:22px}.settings-btn:hover{border-color:var(--amber);color:var(--amber);transform:rotate(30deg)}.apply-btn{border-color:var(--amber);color:var(--amber)}.apply-btn:hover{background:#c879411a}.app{z-index:1;flex-direction:column;align-items:center;gap:0;width:100%;max-width:520px;margin:0 auto;padding:64px 24px 60px;display:flex;position:relative}.hero{flex-direction:column;align-items:center;gap:0;margin-bottom:36px;display:flex}.flower-wrap{filter:drop-shadow(0 0 18px #c879412e);margin-bottom:20px;animation:.9s ease-out .1s both fadeUp}.app-title{letter-spacing:.12em;color:var(--cream);margin-bottom:6px;font-family:Cormorant Garamond,serif;font-size:clamp(2rem,6vw,2.5rem);font-weight:300;animation:.9s ease-out .22s both fadeUp}.tagline{letter-spacing:.24em;text-transform:uppercase;color:var(--muted);text-align:center;max-width:420px;font-size:.75rem;line-height:1.6;animation:.9s ease-out .34s both fadeUp}.tagline-author{letter-spacing:.2em;color:var(--muted);margin-top:6px;font-size:.72rem;animation:.9s ease-out .34s both fadeUp}.streak-row{gap:14px;margin-bottom:32px;animation:.9s ease-out .44s both fadeUp;display:flex}.streak-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);text-align:center;min-width:116px;padding:14px 24px}.streak-num{color:var(--amber2);font-family:Cinzel,serif;font-size:2.2rem;line-height:1}.streak-label{letter-spacing:.2em;text-transform:uppercase;color:var(--text2);margin-top:5px;font-size:.66rem}.controls-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;align-items:center;gap:22px;width:100%;margin-bottom:24px;padding:30px 28px 26px;animation:.9s ease-out .52s both fadeUp;display:flex}.duration-picker{flex-direction:column;gap:16px;width:100%;display:flex}.minutes-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text2);font-size:.7rem}.minutes-row{align-items:center;gap:12px;display:flex}.min-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.3rem;transition:border-color .2s,color .2s;display:flex}.min-btn:hover{border-color:var(--amber);color:var(--amber)}.min-btn:active{transform:scale(.95)}.minutes-input{background:var(--bg3);border:1px solid var(--border);color:var(--cream);text-align:center;border-radius:var(--radius-md);-moz-appearance:textfield;outline:none;flex:1;padding:8px 0;font-family:Cinzel,serif;font-size:2.5rem;font-weight:300;transition:border-color .2s}.minutes-input::-webkit-outer-spin-button{-webkit-appearance:none}.minutes-input::-webkit-inner-spin-button{-webkit-appearance:none}.minutes-input:focus{border-color:var(--amber)}.minutes-unit{letter-spacing:.18em;text-transform:uppercase;color:var(--text2);flex-shrink:0;width:36px;font-size:.75rem}.minutes-slider{appearance:none;background:linear-gradient(to right, var(--amber) 0%, var(--amber) var(--slider-pct), var(--bg3) var(--slider-pct));cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}.minutes-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--amber2);border:2px solid var(--bg);cursor:grab;border-radius:50%;width:20px;height:20px;transition:transform .2s;box-shadow:0 0 8px #c8794173}.minutes-slider::-webkit-slider-thumb:hover{transform:scale(1.25)}.minutes-slider::-moz-range-thumb{background:var(--amber2);border:2px solid var(--bg);cursor:grab;border-radius:50%;width:20px;height:20px}.meditate-btn{background:linear-gradient(135deg, var(--amber) 0%, #9a5a28 100%);color:#1a0f08;border-radius:var(--radius-md);letter-spacing:.28em;text-transform:uppercase;cursor:pointer;border:none;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px 0;font-family:Jost,sans-serif;font-size:.82rem;font-weight:500;transition:transform .25s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.meditate-btn:after{content:"";opacity:0;background:#ffffff12;transition:opacity .25s;position:absolute;inset:0}.meditate-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #c8794161}.meditate-btn:hover:after{opacity:1}.meditate-btn:active{transform:translateY(0)}.video-section{flex-direction:column;gap:14px;width:100%;margin-bottom:22px;animation:.55s ease-out both fadeUp;display:flex}.video-header{justify-content:space-between;align-items:center;display:flex}.video-title-label{letter-spacing:.22em;text-transform:uppercase;color:var(--text2);font-size:.68rem}.skip-btn{border:1px solid var(--border);color:var(--text2);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:8px;padding:5px 13px;font-family:Jost,sans-serif;font-size:.7rem;transition:border-color .2s,color .2s}.skip-btn:hover{border-color:var(--amber);color:var(--amber)}.video-container{aspect-ratio:16/9;border-radius:var(--radius-md);border:1px solid var(--border);background:#0a0604;width:100%;overflow:hidden}.video-container iframe,.video-container>div{border:none;width:100%!important;height:100%!important}.current-video-title{color:var(--sand);text-align:center;font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic}.notes-section{background:var(--card);border:1px solid var(--border2);border-radius:var(--radius-lg);flex-direction:column;gap:14px;padding:22px 22px 18px;animation:.5s ease-out both fadeUp;display:flex}.notes-header{flex-direction:column;gap:3px;display:flex}.notes-title{letter-spacing:.22em;text-transform:uppercase;color:var(--amber2);font-size:.72rem}.notes-subtitle{color:var(--text2);font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic}.notes-textarea{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);resize:none;outline:none;min-height:80px;padding:12px 14px;font-family:Jost,sans-serif;font-size:.88rem;font-weight:300;line-height:1.65;transition:border-color .2s;overflow:hidden}.notes-textarea:focus{border-color:var(--amber)}.notes-textarea::placeholder{color:var(--muted)}.notes-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.notes-save-btn{background:var(--bg3);border:1px solid var(--border);color:var(--text);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;border-radius:8px;padding:8px 18px;font-family:Jost,sans-serif;font-size:.75rem;transition:border-color .2s,color .2s,background .2s}.notes-save-btn:hover{border-color:var(--amber);color:var(--amber)}.notes-save-btn.saved{color:#8ab87a;background:#5a82461a;border-color:#6a8a5a}.notes-char-count{color:var(--muted);font-size:.68rem}.history-section{width:100%;animation:.9s ease-out .62s both fadeUp}.history-toggle{color:var(--text2);letter-spacing:.2em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;align-items:center;gap:7px;padding:10px 0;font-family:Jost,sans-serif;font-size:.7rem;transition:color .2s;display:flex}.history-toggle:hover{color:var(--sand)}.history-count{background:var(--bg3);border:1px solid var(--border);color:var(--muted);border-radius:20px;margin-left:2px;padding:1px 7px;font-size:.62rem}.history-list{flex-direction:column;gap:7px;max-height:300px;margin-top:8px;padding-right:4px;display:flex;overflow-y:auto}.history-list::-webkit-scrollbar{width:4px}.history-list::-webkit-scrollbar-track{background:0 0}.history-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.history-empty{color:var(--muted);padding:8px 0;font-size:.75rem}.history-item{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:5px;padding:10px 14px;display:flex}.history-item-main{justify-content:space-between;align-items:center;gap:8px;display:flex}.history-item-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.history-item-meta{color:var(--muted);flex-shrink:0;font-size:.65rem}.history-note-toggle{color:var(--amber);letter-spacing:.1em;cursor:pointer;background:0 0;border:none;padding:0;font-family:Jost,sans-serif;font-size:.65rem;transition:opacity .2s}.history-note-toggle:hover{opacity:.7}.history-note-text{color:var(--text2);background:var(--bg3);border-left:2px solid var(--border2);white-space:pre-wrap;border-radius:6px;margin-top:6px;padding:8px 10px;font-size:.78rem;line-height:1.6}.modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:200;background:#0c0804e0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:420px;padding:32px 28px 26px;animation:.3s ease-out both fadeUp;position:relative}.modal-close{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:1.1rem;line-height:1;transition:color .2s;position:absolute;top:16px;right:18px}.modal-close:hover{color:var(--cream)}.modal-title{color:var(--cream);align-items:center;gap:10px;margin-bottom:24px;font-family:Cormorant Garamond,serif;font-size:1.65rem;font-weight:300;display:flex}.setting-row{flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.setting-row label{letter-spacing:.2em;text-transform:uppercase;color:var(--text2);font-size:.7rem}select{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;outline:none;width:100%;padding:10px 14px;font-family:Jost,sans-serif;font-size:.85rem;transition:border-color .2s}select:focus{border-color:var(--amber)}.divider{border:none;border-top:1px solid var(--border);margin:18px 0}.modal-btn{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-md);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;justify-content:center;align-items:center;gap:9px;margin-bottom:10px;padding:12px 14px;font-family:Jost,sans-serif;font-size:.78rem;transition:border-color .2s,color .2s;display:flex}.modal-btn:hover{border-color:var(--amber);color:var(--amber)}.modal-btn:last-child{margin-bottom:0}.modal-btn.danger:hover{border-color:var(--danger);color:var(--danger)}.toast{background:var(--card);border:1px solid var(--amber);color:var(--sand);letter-spacing:.1em;opacity:0;z-index:500;pointer-events:none;white-space:nowrap;border-radius:30px;padding:10px 24px;font-size:.78rem;transition:opacity .35s,transform .35s;position:fixed;bottom:28px;left:50%;transform:translate(-50%)translateY(16px)}.toast--visible{opacity:1;transform:translate(-50%)translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}@media (width<=480px){.app{padding:56px 16px 48px}.controls-card{padding:24px 18px 20px}.modal{padding:28px 20px 22px}.streak-card{min-width:96px;padding:12px 16px}}.api-help-link{float:right;color:var(--amber);letter-spacing:.1em;font-size:.68rem;text-decoration:none}.api-help-link:hover{text-decoration:underline}.api-key-row{align-items:center;gap:8px;display:flex}.api-key-input{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);outline:none;flex:1;min-width:0;padding:10px 14px;font-family:Jost,sans-serif;font-size:.85rem;transition:border-color .2s}.api-key-input:focus{border-color:var(--amber)}.api-key-input::placeholder{color:var(--muted)}.api-key-toggle{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-shrink:0;padding:8px 10px;font-size:.9rem;line-height:1;transition:border-color .2s}.api-key-toggle:hover{border-color:var(--amber)}.api-key-save-btn{background:var(--bg3);border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);letter-spacing:.15em;text-transform:uppercase;cursor:pointer;margin-top:6px;padding:9px;font-family:Jost,sans-serif;font-size:.75rem;transition:border-color .2s,color .2s}.api-key-save-btn:hover{border-color:var(--amber);color:var(--amber)}.api-key-hint{color:var(--muted);margin-top:4px;font-size:.65rem;line-height:1.5}