:root{--page:#fff;--ink:#37352f;--ink-2:#6f6d68;--ink-3:#74726d;--line:#ecebe8;--line-2:#dedcd8;--wash:#f6f5f3;--pink:#b03a7a;--pink-soft:#f8e1ea;--rose:#c07a92;--card:#fff;--shadow:0 10px 28px -14px #281e2359;--serif:"Fraunces", Georgia, "Times New Roman", serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fs:16px;--radius:14px;--tab-h:62px;--safe-b:env(safe-area-inset-bottom,0px);--safe-t:env(safe-area-inset-top,0px);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-size=bigger]{--fs:17.5px}:root[data-size=big]{--fs:19px}:root[data-theme=dark]{--page:#1c1b1a;--ink:#ecebe8;--ink-2:#b4b1ab;--ink-3:#85827c;--line:#2e2c2a;--line-2:#3a3835;--wash:#262523;--pink:#e58ab5;--pink-soft:#3d2632;--rose:#d69ab0;--card:#232220;--shadow:0 10px 28px -14px #000c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100%}html{-webkit-text-size-adjust:100%;font-size:var(--fs)}body{font-family:var(--sans);color:var(--ink);background:var(--page);-webkit-font-smoothing:antialiased;font-size:1rem;line-height:1.45;overflow-x:hidden}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0}a{color:inherit}input,textarea,select{border:1px solid var(--line-2);background:var(--card);border-radius:14px;width:100%;min-height:44px;padding:10px 12px;font-size:max(16px,1rem)}input[type=checkbox],input[type=range]{accent-color:var(--pink)}input:focus-visible,textarea:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--pink);outline-offset:2px}.sr{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.shell{flex-direction:column;min-height:100dvh;display:flex}.pagecol{flex:1;min-width:0}.main{max-width:680px;margin:0 auto;padding:0 20px 32px}.top{z-index:20;height:calc(52px + var(--safe-t));padding:var(--safe-t) 8px 0 20px;background:color-mix(in srgb, var(--page) 92%, transparent);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line);align-items:baseline;gap:8px;display:flex;position:sticky;top:0}.top>.iconbtn,.top>button{align-self:center}.top .brand,.top .crumb{line-height:52px}.top .brand{font-family:var(--serif);letter-spacing:.01em;font-size:1.25rem;font-weight:500}.top .crumb{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-2);flex:1;font-size:.6875rem}.iconbtn{width:44px;height:44px;color:var(--ink-2);border-radius:999px;place-items:center;font-size:21px;display:grid}.iconbtn:hover{background:var(--wash)}.dock{z-index:30;position:sticky;bottom:0}.tabs{height:calc(var(--tab-h) + var(--safe-b));padding-bottom:var(--safe-b);background:var(--page);border-top:1px solid var(--line);display:flex}.tabs a{letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);white-space:nowrap;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;min-width:0;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative}.tabs a svg{font-size:24px}.tabs a.on{color:var(--ink)}.tabs a.on:before{content:"";background:var(--pink);border-radius:6px;height:2px;position:absolute;top:0;left:22%;right:22%}.side{display:none}.fabslot{flex:0 0 72px;place-items:center;padding-left:8px;display:grid}.fab{background:var(--ink);width:52px;height:52px;color:var(--page);box-shadow:var(--shadow);border-radius:999px;place-items:center;margin-top:-16px;font-size:24px;display:grid}@media (min-width:900px){.shell{grid-template-columns:232px minmax(0,1fr) 380px;display:grid}.dock,.top .menu-only{display:none}.shell{display:grid}.side{flex-direction:column;gap:2px;height:100dvh;padding:24px 12px;display:flex;position:sticky;top:0}.sidecol{border-right:1px solid var(--line)}.chatwrap{border-left:1px solid var(--line)}.side .brand{font-family:var(--serif);padding:0 12px 24px;font-size:1.625rem}.side a,.side button{min-height:44px;color:var(--ink-2);border-radius:14px;align-items:center;gap:12px;width:100%;padding:0 12px;font-size:.9375rem;text-decoration:none;display:flex}.side a svg,.side button svg{font-size:20px}.side a.on{background:var(--wash);color:var(--ink);font-weight:600}.side .grow{flex:1}.upnext{border-top:1px solid var(--line);gap:12px;margin:24px 12px 0;padding-top:16px;display:grid}.upnext-row span{color:var(--ink);font-size:.9375rem;display:block}.upnext-row small{color:var(--ink-2);font-size:.8125rem}.main{width:100%;max-width:760px;padding:0 40px 80px}.chatcol{flex-direction:column;height:100dvh;display:flex;position:sticky;top:0}.top{padding-left:40px}}@media (min-width:900px) and (max-width:1180px){.shell{grid-template-columns:76px minmax(0,1fr) 340px}.side .brand,.side .label,.upnext{display:none}.side a,.side button{justify-content:center;padding:0}}.kicker{letter-spacing:.18em;text-transform:uppercase;color:var(--pink);font-size:.6875rem;font-weight:600}.h1{font-family:var(--sans);letter-spacing:-.015em;margin:6px 0 8px;font-size:1.625rem;font-weight:700;line-height:1.12}.h1 em{color:var(--pink)}.h2{font-family:var(--sans);margin:24px 0 8px;font-size:1.25rem;font-weight:600;line-height:1.2}.label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-2);font-size:.6875rem;font-weight:600}.deck{font-family:var(--serif);color:var(--ink-2);font-size:1rem;font-style:italic;line-height:1.45}.muted{color:var(--ink-2)}.small{font-size:.8125rem}.page-head{padding:24px 0 6px}.page-head p{color:var(--ink-2);margin-top:2px}.front{border-bottom:1px solid var(--line);padding:20px 0 6px}.front .h1{font-family:var(--serif);letter-spacing:-.012em;font-size:2.25rem;font-weight:400;line-height:1.08}.sched{margin:6px 0 4px}.srow{border-bottom:1px solid var(--line);grid-template-columns:88px 1fr auto;align-items:start;gap:12px;width:100%;min-height:64px;padding:12px 0;display:grid}.srow .t{font-family:var(--serif);font-size:1.625rem;line-height:1}.srow .t small{font-family:var(--sans);letter-spacing:.14em;color:var(--ink-3);margin-top:4px;font-size:.6875rem;display:block}.srow .t.next{color:var(--pink)}.srow b{font-weight:600;display:block}.srow .meta{color:var(--ink-2);align-items:center;gap:6px;margin-top:2px;font-size:.9375rem;display:flex}.dot{border-radius:999px;flex:none;width:8px;height:8px;display:inline-block}.quote{font-family:var(--serif);text-align:center;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin:24px 0 6px;padding:18px 8px;font-size:1.25rem;font-style:italic}.todo{border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:48px;display:flex}.todo .tick{width:44px;height:44px;color:var(--rose);flex:none;place-items:center;margin-left:-8px;font-size:1.625rem;display:grid}.todo .tick.done{color:var(--pink)}.todo span.txt{flex:1}.todo.done span.txt{color:var(--ink-3);text-decoration:line-through;-webkit-text-decoration-color:var(--line-2);text-decoration-color:var(--line-2)}.addrow{gap:8px;margin-top:10px;display:flex}.addrow input{flex:1}.btn{background:var(--ink);min-height:46px;color:var(--page);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-size:.9375rem;font-weight:600;display:inline-flex}.btn.ghost{color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);background:0 0}.btn.soft{background:var(--pink-soft);color:var(--ink)}.btn.small{min-height:40px;padding:0 14px;font-size:.8125rem}.btn.wide{width:100%}.btn:disabled{opacity:.5}.row{align-items:center;gap:8px;display:flex}.row.wrap{flex-wrap:wrap}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.call{background:var(--wash);border-radius:14px;gap:12px;margin:14px 0;padding:14px;line-height:1.45;display:flex}.call svg{color:var(--pink);flex:none;margin-top:2px;font-size:20px}.chip{min-width:44px;min-height:44px;box-shadow:inset 0 0 0 1px var(--line-2);background:var(--card);border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:.8125rem;display:inline-flex}.chip.on{background:var(--ink);color:var(--page);box-shadow:none}.field{gap:6px;margin:12px 0;display:grid}.field>span{color:var(--ink-2);font-size:.8125rem;font-weight:500}.grid2{grid-template-columns:1fr 1fr;gap:10px;display:grid}.list-set{border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;min-height:56px;text-decoration:none;display:flex}.list-set svg{color:var(--ink-2);flex:none;font-size:21px}.list-set div{flex:1}.list-set small{color:var(--ink-2);font-size:.8125rem;display:block}.banner{top:calc(52px + var(--safe-t));z-index:19;align-items:center;gap:8px;padding:8px 20px;font-size:.8125rem;display:flex;position:sticky}.banner.offline{background:var(--wash);color:var(--ink-2)}.banner.error{background:var(--wash);color:var(--ink)}.banner svg{color:var(--pink);flex:none}.empty{text-align:center;color:var(--ink-2);padding:32px 16px}.empty svg{color:var(--rose);margin-bottom:8px;font-size:32px}.empty b{color:var(--ink);font-family:var(--serif);margin-bottom:4px;font-size:1.25rem;font-weight:400;display:block}.skel{background:linear-gradient(90deg, var(--wash), var(--line), var(--wash));background-size:200% 100%;border-radius:6px;animation:1.4s infinite sh}@keyframes sh{to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.skel{animation:none}*{transition:none!important;animation:none!important}}.scrim{z-index:60;background:#140f1252;animation:.18s ease-out fade;position:fixed;inset:0}.sheet{z-index:61;background:var(--page);max-height:92dvh;padding:10px 20px calc(20px + var(--safe-b));border-radius:14px 14px 0 0;animation:.24s cubic-bezier(.2,.8,.2,1) up;position:fixed;bottom:0;left:0;right:0;overflow:auto}.sheet .grab{background:var(--line-2);border-radius:6px;width:40px;height:4px;margin:0 auto 12px}.sheet h2{font-family:var(--serif);margin-bottom:4px;font-size:1.625rem;font-weight:400}@media (min-width:900px){.sheet{border-radius:14px;width:480px;padding:24px;animation:.18s fade;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.sheet .grab{display:none}}@keyframes up{0%{opacity:.4;transform:translateY(40px)}}@keyframes fade{0%{opacity:0}}.bubble{background:var(--card);border:1px solid var(--line);border-radius:14px;margin:16px 0;padding:14px;position:relative}.bubble p{margin-bottom:10px;padding-right:32px;line-height:1.4}.bubble-x{width:40px;height:40px;font-size:1rem;position:absolute;top:2px;right:2px}.chat{flex-direction:column;height:100%;min-height:0;display:flex}.chat-head{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:14px 16px 10px;display:flex}.chat-head .who{flex:1;display:grid}.chat-head .who b{font-family:var(--serif);font-size:1.25rem;font-weight:400}.chat-head .who small{color:var(--ink-2);font-size:.8125rem}.msgs{flex-direction:column;flex:1;gap:10px;min-height:0;padding:14px 16px;display:flex;overflow:auto}.chat-intro{border:1px solid var(--line);color:var(--ink-2);border-radius:14px;gap:6px;margin-top:auto;padding:12px 14px;font-size:.8125rem;display:grid}.chat-intro b{color:var(--ink);font-size:.9375rem}.msg{white-space:pre-wrap;border-radius:14px;max-width:86%;padding:10px 14px;line-height:1.45}.msg.user{background:var(--ink);color:var(--page);align-self:flex-end}.msg.assistant{background:var(--wash);align-self:flex-start}.think{color:var(--ink-2);align-self:flex-start;align-items:center;gap:8px;font-size:.8125rem;display:flex}.think i{background:var(--pink);border-radius:6px;width:6px;height:6px;animation:1s infinite alternate pulse}@keyframes pulse{to{opacity:.2}}.props{border:1px solid var(--line);background:var(--card);border-radius:14px;align-self:stretch;padding:12px}.prop{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;align-items:start;gap:8px;padding:8px 0;display:grid}.prop:last-of-type{border-bottom:0}.prop .when{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.prop .when input,.prop .when select{width:auto;min-height:44px;padding:6px 8px;font-size:16px}.prop .opts{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.prop .opts .chip{min-height:40px;font-size:.8125rem}.compose{border-top:1px solid var(--line);padding:8px 12px calc(10px + var(--safe-b));background:var(--page)}.sugs{flex-wrap:wrap;gap:6px;padding:4px 0 8px;display:flex}.sugs::-webkit-scrollbar{display:none}.sugs .chip{text-align:left;min-height:44px}.inrow{align-items:flex-end;gap:6px;display:flex}.inrow textarea{resize:none;border-radius:14px;min-height:46px;max-height:120px;padding:12px 16px}.inrow .iconbtn{flex:none;width:46px;height:46px}.inrow .send{background:var(--ink);color:var(--page)}.mic.on{background:var(--pink);color:#fff}.chat-sheet{z-index:61;background:var(--page);border-radius:14px 14px 0 0;flex-direction:column;height:88dvh;animation:.24s up;display:flex;position:fixed;inset:auto 0 0}.spreads{gap:0;display:grid}.spread-day{border-bottom:1px solid var(--line);padding:18px 0}.spread-day .dn{align-items:baseline;gap:10px;margin-bottom:6px;display:flex}.spread-day .dn b{font-family:var(--serif);font-size:1.625rem;font-weight:400}.spread-day.today .dn b{color:var(--pink)}.spread-day .ev{align-items:baseline;gap:10px;width:100%;min-height:40px;padding:4px 0;display:flex}.spread-day .ev .tm{width:5.2em;color:var(--ink-2);white-space:nowrap;flex:none;font-size:.9375rem}.spread-day .none{color:var(--ink-3);font-style:italic;font-family:var(--serif)}.spread-day.past{opacity:.7;padding:8px 0}.spread-day.past .dn b{font-size:1.25rem}.spread-day.past .none{display:none}.weeknav{justify-content:space-between;align-items:center;margin:6px 0;display:flex}@media (min-width:900px){.spreads.cols{border-top:1px solid var(--ink);grid-template-columns:1fr 1fr;column-gap:32px}}.flower{width:100%;max-width:260px;height:auto;margin:4px auto;display:block}@media (min-width:600px){.flower{max-width:440px}}.flower .petal{cursor:pointer;transform-origin:180px 180px;transition:transform .25s}.flower .petal:hover{opacity:.88}.legend{color:var(--ink-2);justify-content:center;gap:16px;margin:4px 0 10px;font-size:.8125rem;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.arealist .a{border-bottom:1px solid var(--line);grid-template-columns:14px 1fr auto;align-items:center;gap:12px;width:100%;min-height:56px;display:grid}.arealist .a small{color:var(--ink-2);font-size:.8125rem;display:block}.slider{width:100%;accent-color:var(--pink);border:0;min-height:44px;padding:0}.ring{flex:none;width:52px;height:52px}.sec{border-bottom:1px solid var(--line);align-items:center;gap:14px;width:100%;min-height:72px;padding:8px 0;text-decoration:none;display:flex}.sec div{flex:1}.sec small{color:var(--ink-2);font-size:.8125rem;display:block}.lesson{border-bottom:1px solid var(--line);grid-template-columns:32px 1fr auto;align-items:center;gap:10px;width:100%;min-height:52px;text-decoration:none;display:grid}.lesson .n{width:28px;height:28px;box-shadow:inset 0 0 0 1.4px var(--ink-3);color:var(--ink-2);border-radius:999px;place-items:center;font-size:.6875rem;font-weight:600;display:grid}.lesson .n.on{background:var(--ink);color:var(--page);box-shadow:none}.lesson .n.now{box-shadow:inset 0 0 0 1.6px var(--pink);color:var(--pink)}.video{aspect-ratio:16/9;background:#000 50%/cover no-repeat;border-radius:14px;margin:14px 0;position:relative;overflow:hidden}.video iframe,.video button{border:0;width:100%;height:100%;position:absolute;inset:0}.video button{color:#fff;background:0 0;justify-content:flex-start;align-items:flex-end;padding:12px;display:flex}.video button span{width:52px;height:52px;color:var(--pink);box-shadow:var(--shadow);background:#ffffffeb;border-radius:999px;place-items:center;font-size:24px;display:grid}.chords{flex-wrap:wrap;gap:14px;margin:10px 0;display:flex}.chordbox{text-align:center;font-size:.8125rem;font-weight:600}.steps{counter-reset:s;margin:12px 0;list-style:none}.steps li{counter-increment:s;border-bottom:1px solid var(--line);grid-template-columns:32px 1fr;gap:8px;padding:8px 0;display:grid}.steps li:before{content:counter(s);font-family:var(--serif);color:var(--pink);font-size:1.25rem}.skills{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;margin:10px 0;display:grid}.skill{font-size:.8125rem}.bar{background:var(--wash);border-radius:6px;height:6px;margin-top:4px;overflow:hidden}.bar i{background:var(--rose);border-radius:6px;height:100%;display:block}.signin{place-items:center;min-height:100dvh;padding:24px;display:grid}.signin .box{width:100%;max-width:380px}.signin .brand{font-family:var(--serif);text-align:center;font-size:2.25rem}.signin .flowerlogo{color:var(--pink);margin:0 auto 8px;font-size:44px;display:block}.code{letter-spacing:.3em;text-align:center;font-size:1.25rem}.note-title{background:0 0;border:0;min-height:52px;padding:8px 0;font-size:1.625rem;font-weight:700}.note-body{resize:vertical;background:0 0;border:0;min-height:50dvh;padding:4px 0;line-height:1.6}.note-title:focus-visible,.note-body:focus-visible{outline:none}.feedback-row>button{align-items:center;gap:14px;width:100%;min-height:56px;display:flex}.feedback-row>button svg{color:var(--ink-2);font-size:21px}.todo .iconbtn{flex:none}.compose-err{color:var(--ink);background:var(--wash);border-radius:14px;margin:4px 0 6px;padding:8px 12px;font-size:.8125rem}.petal-mark{color:var(--pink);background:radial-gradient(circle at 35% 30%, #fff 0%, var(--pink-soft) 70%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pink) 18%, transparent), 0 6px 16px -10px color-mix(in srgb, var(--pink) 60%, transparent);border-radius:999px;flex:none;place-items:center;display:inline-grid}:root[data-theme=dark] .petal-mark{background:radial-gradient(circle at 35% 30%, #4a3240 0%, var(--pink-soft) 75%)}.petal-mark.on-ink{box-shadow:none;color:var(--page);background:0 0}.petal-mark svg{transition:transform .6s cubic-bezier(.2,.8,.2,1)}.petal-mark.rest svg{animation:4.8s ease-in-out infinite petal-breathe}.petal-mark.thinking svg{animation:2.6s cubic-bezier(.45,0,.55,1) infinite petal-turn}.petal-mark.thinking{animation:2.6s ease-in-out infinite petal-glow}.petal-mark.happy svg{animation:.9s cubic-bezier(.2,.8,.2,1) petal-hello}@keyframes petal-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}@keyframes petal-turn{0%{transform:rotate(0)scale(1)}50%{transform:rotate(18deg)scale(1.08)}to{transform:rotate(0)scale(1)}}@keyframes petal-glow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--pink) 0%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--pink) 14%, transparent)}}@keyframes petal-hello{0%{transform:scale(.7)rotate(-12deg)}60%{transform:scale(1.12)rotate(4deg)}to{transform:scale(1)rotate(0)}}.said{align-items:flex-end;gap:8px;max-width:92%;display:flex}.said .pad{flex:none;width:28px}.said .msg.assistant{max-width:none}.said.first .msg.assistant{border-bottom-left-radius:6px}.think{gap:10px}.think i{display:none}.think .dots{gap:4px;margin-left:2px;display:inline-flex}.think .dots i{background:var(--pink);border-radius:999px;width:5px;height:5px;animation:1.2s ease-in-out infinite dot-bloom;display:block}.think .dots i:nth-child(2){animation-delay:.15s}.think .dots i:nth-child(3){animation-delay:.3s}@keyframes dot-bloom{0%,to{opacity:.25;transform:scale(.7)}50%{opacity:1;transform:scale(1)}}.chat-intro .hello{border-bottom:1px solid var(--line);align-items:center;gap:12px;margin-bottom:4px;padding-bottom:8px;display:flex}.chat-intro .hello div{gap:2px;display:grid}.chat-intro .hello b{font-family:var(--serif);color:var(--ink);font-size:1.25rem;font-weight:400}.chat-intro .hello span{color:var(--ink-2)}.todo .tick.done svg{animation:.5s cubic-bezier(.2,.8,.2,1) tick-bloom}@keyframes tick-bloom{0%{transform:scale(.6)}60%{transform:scale(1.3)}to{transform:scale(1)}}@media (prefers-reduced-motion:reduce){.petal-mark svg,.petal-mark,.think .dots i,.todo .tick.done svg{animation:none!important}}.idea-from{align-items:flex-start;gap:10px;display:flex}.idea-from p{flex:1}.bubble .row{padding-left:38px}
