/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.table{display:table}.rounded{border-radius:.25rem}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--paper:#f5ebdd;--paper-light:#fffaf1;--ink:#251c18;--muted:#6f665f;--saffron:#d85c20;--saffron-dark:#b94717;--teal:#164c4b;--teal-light:#2c6864;--gold:#d9aa4e;--line:#422f232e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 20% 8%, #ffffffdb, transparent 28%), linear-gradient(#6e4f3207 1px, transparent 1px), var(--paper);background-size:auto,4px 4px,auto;min-width:320px;margin:0;font-family:Arial,Helvetica,sans-serif}button,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}.page-shell{width:min(1344px,100% - 80px);margin-inline:auto}.topbar{border-bottom:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f5ebdde0;grid-template-columns:1fr auto 1fr;align-items:center;height:90px;padding:0 44px;display:grid;position:sticky;top:0}.brand{letter-spacing:-.04em;justify-self:start;font-family:Georgia,Times New Roman,serif;font-size:31px}.topbar nav{align-items:center;gap:44px;height:100%;display:flex}.topbar nav a{place-items:center;height:100%;font-size:15px;display:grid;position:relative}.topbar nav a:after{content:"";background:var(--saffron);height:2px;transition:all .22s;position:absolute;bottom:16px;left:50%;right:50%}.topbar nav a:hover:after,.topbar nav a.active:after{left:10px;right:10px}.header-actions{justify-self:end;align-items:center;gap:18px;display:flex}.icon-button,.avatar{cursor:pointer;background:0 0;border:0}.icon-button{font-size:31px;transform:rotate(-15deg)}.avatar{color:#fff8ec;background:var(--teal);border-radius:50%;width:42px;height:42px;font-family:Georgia,serif;font-size:19px}.hero{grid-template-columns:1fr 1.08fr;align-items:center;gap:42px;min-height:640px;padding:62px 0 54px;display:grid}.eyebrow{color:var(--teal);letter-spacing:.2em;text-transform:uppercase;margin:0 0 20px;font-size:12px;font-weight:700;line-height:1.4}.hero-copy h1,.section-heading h2{letter-spacing:-.052em;margin:0;font-family:Georgia,Times New Roman,serif;font-weight:400}.hero-copy h1{font-size:clamp(58px,5.4vw,78px);line-height:.94}.hero-text{color:#514943;max-width:535px;margin:28px 0 0;font-size:19px;line-height:1.6}.hero-actions{gap:18px;margin-top:32px;display:flex}.button{border:1px solid var(--saffron);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;min-height:54px;padding:0 28px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button.primary{color:#fffaf1;border-color:var(--saffron);background:linear-gradient(135deg, var(--saffron), #c84b14);box-shadow:0 11px 24px #b142152b}.button.secondary{color:var(--saffron-dark);background:#fffaf15c}.button.compact{min-height:43px;padding-inline:20px;font-size:13px}.button.stop{color:#7b2c27;background:#fff3ea;border-color:#9b413b}.raag-hero-card{color:#fff8e9;background:radial-gradient(circle at 82% 28%,#ffdc9538,#0000 21%),linear-gradient(145deg,#0f4848,#0d3537 63%,#123a39);border-radius:25px;min-height:438px;position:relative;overflow:hidden;box-shadow:0 22px 50px #34291e3d}.raag-card-glow{opacity:.2;background-image:radial-gradient(#e5be67 1px,#0000 1px);background-size:54px 54px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 30%,#000);mask-image:linear-gradient(90deg,#0000 30%,#000)}.moon{background:#f5d99f;border-radius:50%;width:142px;height:142px;position:absolute;top:61px;right:54px;box-shadow:0 0 38px #f4d99f40}.dome{opacity:.82;background:#0d3233;position:absolute;bottom:0}.dome:before{content:"";aspect-ratio:1;background:inherit;border-radius:50% 50% 0 0;width:58%;position:absolute;top:-28%;left:21%}.dome:after{content:"";opacity:.28;background:#d09b50;height:7px;position:absolute;top:18%;left:14%;right:14%}.dome-one{width:118px;height:168px;right:38px}.dome-two{width:78px;height:116px;right:170px}.dome-three{width:53px;height:79px;right:259px}.raag-card-content{z-index:2;flex-direction:column;min-height:438px;padding:38px 42px 30px;display:flex;position:relative}.card-kicker{color:#efc45f;text-transform:uppercase;letter-spacing:.2em;margin:0 0 25px;font-size:11px;font-weight:700}.card-kicker:after{content:"";background:#efc45f;width:34px;height:1px;margin-top:14px;display:block}.raag-card-content h2{margin:0;font-family:Georgia,serif;font-size:77px;font-weight:400;line-height:.9}.raag-card-content>p:not(.card-kicker){color:#fff8e9e0;width:290px;margin:24px 0 0;font-size:17px;line-height:1.5}.player-row{align-items:center;gap:20px;margin-top:auto;display:flex}.play-button{width:66px;height:66px;color:var(--teal);cursor:pointer;background:#fff7e8;border:0;border-radius:50%;flex:0 0 66px;font-size:22px;box-shadow:0 9px 18px #0000002e}.progress-wrap{flex:1;max-width:420px}.progress-line{background:#ffffff47;border-radius:2px;width:100%;height:4px;overflow:hidden}.progress-line span{background:var(--gold);height:100%;transition:width .4s;display:block}.time-row{color:#ffffffb3;justify-content:space-between;margin-top:8px;font-size:11px;display:flex}.raag-tags{gap:10px;margin-top:20px;display:flex}.raag-tags span{background:#ffffff14;border:1px solid #ffffff24;border-radius:20px;padding:9px 14px;font-size:12px}.studio-section{padding:80px 0 92px}.section-heading{grid-template-columns:1.1fr .9fr;align-items:end;gap:80px;margin-bottom:38px;display:grid}.section-heading h2{font-size:clamp(43px,4.5vw,66px);line-height:1}.section-heading>p{max-width:560px;color:var(--muted);margin:0 0 4px;font-size:16px;line-height:1.7}.studio-toolbar{border:1px solid var(--line);background:#fffaf173;border-bottom:0;border-radius:22px 22px 0 0;justify-content:space-between;gap:28px;padding:15px;display:flex}.mode-tabs{flex-wrap:wrap;gap:7px;display:flex}.mode-tabs button{cursor:pointer;background:0 0;border:0;border-radius:12px;padding:11px 16px;font-family:Georgia,serif;font-size:15px}.mode-tabs button span{color:var(--saffron);margin-right:8px;font-family:Arial,sans-serif}.mode-tabs button.selected{background:var(--teal);color:#fff8e9;box-shadow:0 5px 14px #1046452e}.mode-tabs button.selected span{color:#f2bf61}.sa-control{white-space:nowrap;align-items:center;gap:10px;display:flex}.sa-control label{color:var(--muted);text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:700}.sa-control select{border:1px solid var(--line);height:42px;color:var(--teal);background:#fffaf1;border-radius:10px;padding:0 34px 0 13px;font-weight:700}.pitch-stage{border:1px solid var(--line);background:#fffaf1b0;border-radius:0 0 22px 22px;position:relative;overflow:hidden;box-shadow:0 16px 45px #49362417}.stage-topline{border-bottom:1px solid var(--line);min-height:55px;color:var(--muted);justify-content:space-between;align-items:center;gap:22px;padding:0 22px;font-size:12px;display:flex}.stage-topline>div{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:9px;font-weight:700;display:flex}.stage-topline p{color:#6d5d50;margin:0;font-family:Georgia,serif;font-size:14px}.stage-topline p strong{color:var(--saffron);text-transform:uppercase;letter-spacing:.09em;margin-right:10px;font-family:Arial,sans-serif;font-size:9px}.live-dot{background:#a79c91;border-radius:50%;width:8px;height:8px}.live-dot[data-live=true]{background:#d36537;animation:1.4s infinite pulse;box-shadow:0 0 0 6px #d365371f}@keyframes pulse{50%{opacity:.5}}.graph-wrap{grid-template-columns:210px 1fr 205px;align-items:center;min-height:322px;display:grid;position:relative;overflow:hidden}.graph-wrap:after{content:"";pointer-events:none;background:linear-gradient(90deg,#e7d3b854,#0000 25% 75%,#e7d3b833);position:absolute;inset:0}.sitar-asset{object-fit:contain;object-position:left center;z-index:2;filter:drop-shadow(0 13px 15px #3f2a192e);width:245px;height:210px;transform:translate(-14px)}.graph-canvas{z-index:3;height:245px;margin-left:-25px;position:relative}.graph-canvas:before{content:"";background:#245b5729;height:1px;position:absolute;top:50%;left:0;right:0}.swara-grid{pointer-events:none;justify-content:space-between;display:flex;position:absolute;inset:0}.swara-grid span{height:100%;color:var(--teal);border-left:1px dashed #3f59502e;padding-top:2px;font-family:Georgia,serif;font-size:15px}.graph-canvas svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.target-shadow{fill:none;stroke:#fffaf1f0;stroke-width:9px;stroke-linecap:round}.target-path{fill:none;stroke:url(#targetGlow);stroke-width:3.2px;stroke-linecap:round;filter:drop-shadow(0 3px 4px #2a46402e)}.live-path{fill:none;stroke:#e59e2f;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #e59e2f8c)}.note-readout{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff9edd9;border:1px solid #72533347;border-radius:44px;justify-self:center;align-items:center;gap:10px;width:184px;min-height:82px;padding:15px;display:flex;box-shadow:0 10px 26px #3e2d1d1f}.wave-icon{color:var(--teal);font-size:31px}.note-readout div{flex-direction:column;gap:3px;display:flex}.note-readout strong{color:var(--teal);white-space:nowrap;font-family:Georgia,serif;font-size:16px}.note-readout strong i{color:var(--saffron);font-style:normal}.note-readout div span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.studio-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:22px;min-height:75px;padding:13px 19px;display:flex}.input-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-button{color:var(--teal);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.accuracy{width:185px;color:var(--muted);grid-template-columns:1fr auto;align-items:center;gap:6px 10px;font-size:11px;display:grid}.accuracy strong{color:var(--teal)}.accuracy>div{background:#245b5724;border-radius:2px;grid-column:1/-1;height:4px;overflow:hidden}.accuracy i{background:linear-gradient(90deg, var(--saffron), var(--gold));height:100%;transition:width .25s;display:block}.keyboard-panel{border:1px solid var(--line);background:#fffaf17a;border-radius:19px;grid-template-columns:230px 1fr;align-items:center;gap:28px;margin-top:18px;padding:19px 22px;display:grid}.keyboard-copy span{font-family:Georgia,serif;font-size:22px}.keyboard-copy p{color:var(--muted);margin:7px 0 0;font-size:12px;line-height:1.5}.piano{border-radius:8px;height:118px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 18px #37291f1a}.white-key{cursor:pointer;background:linear-gradient(#fffdf8,#f3eadc);border:1px solid #d7c8b4;flex:1;position:relative}.white-key:hover,.white-key:active{background:#f5dfbd}.white-key span{color:var(--teal);font-family:Georgia,serif;position:absolute;bottom:8px;left:0;right:0}.black-key{z-index:2;cursor:pointer;background:linear-gradient(90deg,#372c27,#1e1917,#493a31);border:0;border-radius:0 0 5px 5px;width:7.5%;height:66%;position:absolute;top:0;box-shadow:0 4px 6px #00000040}.black-key:active{height:69%}.black-1{left:8.7%}.black-2{left:21.5%}.black-3{left:47%}.black-4{left:59.7%}.black-5{left:72.4%}.explore-section{color:#fff8e9;background:var(--teal);padding:95px 0 110px}.explore-heading{justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px;display:flex}.explore-heading .eyebrow{color:#efbd5e}.explore-heading h2,.concept-heading h2,.plan-copy h2,.journal-copy h2{letter-spacing:-.045em;margin:0;font-family:Georgia,serif;font-weight:400}.explore-heading h2{font-size:clamp(46px,5vw,71px);line-height:.98}.time-filter{border:1px solid #ffffff24;border-radius:24px;gap:4px;padding:5px;display:flex}.time-filter button{color:#ffffffad;cursor:pointer;background:0 0;border:0;border-radius:18px;padding:9px 16px;font-size:12px}.time-filter button.selected{color:var(--teal);background:#f8eeda}.raag-library-layout{grid-template-columns:1.3fr .7fr;align-items:stretch;gap:24px;display:grid}.raag-grid{grid-template-columns:repeat(2,1fr);gap:13px;display:grid}.raag-tile{text-align:left;color:#fff8e9;cursor:pointer;background:#ffffff0e;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;align-items:flex-start;min-height:205px;padding:24px;transition:transform .22s,border-color .22s,background .22s;display:flex;position:relative;overflow:hidden}.raag-tile:before{content:"";background:var(--tile-accent,#d3a950);opacity:.2;filter:blur(3px);border-radius:50%;width:150px;height:150px;position:absolute;top:-72px;right:-56px}.raag-tile:hover{border-color:#ffffff4f;transform:translateY(-3px)}.raag-tile.selected{background:#ffffff1f;border-color:#e6bc68;box-shadow:inset 3px 0 #e6bc68}.raag-tile.clay{--tile-accent:#dc7655}.raag-tile.indigo{--tile-accent:#8074b7}.raag-tile.gold{--tile-accent:#e7bd4d}.raag-tile.midnight{--tile-accent:#6790ab}.raag-tile.sky{--tile-accent:#66b7bc}.tile-time{text-transform:uppercase;letter-spacing:.14em;color:#efbd5e;font-size:10px}.raag-tile strong{margin-top:20px;font-family:Georgia,serif;font-size:31px;font-weight:400}.tile-mood{color:#ffffff9e;margin-top:7px;font-size:12px}.tile-footer{color:#ffffff94;border-top:1px solid #ffffff1c;justify-content:space-between;width:100%;margin-top:auto;padding-top:18px;font-size:10px;display:flex}.tile-footer i{font-style:normal}.tile-footer b{font-weight:400}.raag-detail-panel{min-height:423px;color:var(--ink);background:#f5ebdd;border-radius:20px;padding:32px;box-shadow:0 18px 36px #00000029}.detail-title{justify-content:space-between;align-items:start;display:flex}.detail-title span,.listening-cue span{color:var(--saffron);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:700}.detail-title h3{margin:7px 0 0;font-family:Georgia,serif;font-size:45px;font-weight:400}.detail-title>b{color:var(--teal);text-transform:uppercase;letter-spacing:.08em;background:#245b5717;border-radius:14px;padding:7px 11px;font-size:10px}.detail-mood{color:var(--muted);margin:8px 0 23px;font-size:12px}.raag-detail-panel dl{border:1px solid var(--line);background:var(--line);border-radius:12px;gap:1px;margin:0;display:grid;overflow:hidden}.raag-detail-panel dl div{background:#fff8ed;grid-template-columns:62px 1fr;align-items:center;gap:10px;min-height:43px;padding:8px 12px;display:grid}.raag-detail-panel dt{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px;font-weight:700}.raag-detail-panel dd{color:var(--teal);margin:0;font-family:Georgia,serif;font-size:14px}.listening-cue{border-left:2px solid var(--gold);background:#daa84e17;margin-top:20px;padding:17px}.listening-cue strong{margin:7px 0 5px;font-family:Georgia,serif;font-size:18px;font-weight:400;display:block}.listening-cue p{color:var(--muted);margin:0;font-size:11px;line-height:1.5}.button.light{color:#fff8e9;border-color:var(--teal);background:var(--teal);justify-content:space-between;width:100%;min-height:47px;margin-top:18px;font-size:12px}.concept-section{padding:108px 0 115px}.concept-heading{margin-bottom:48px}.concept-heading h2,.plan-copy h2,.journal-copy h2{font-size:clamp(44px,4.7vw,67px);line-height:.98}.concept-grid{border:1px solid var(--line);border-radius:20px;grid-template-columns:repeat(4,1fr);display:grid;overflow:hidden}.concept-card{border-right:1px solid var(--line);background:#fffaf161;min-height:330px;padding:27px}.concept-card:last-child{border-right:0}.concept-top{justify-content:space-between;align-items:start;display:flex}.concept-top span{color:var(--saffron);letter-spacing:.12em;font-size:10px;font-weight:700}.concept-top b{color:var(--teal);font-family:Georgia,serif;font-size:54px;font-weight:400;line-height:.65}.concept-card h3{margin:48px 0 15px;font-family:Georgia,serif;font-size:30px;font-weight:400}.concept-card>p{min-height:77px;color:var(--muted);margin:0;font-size:13px;line-height:1.65}.concept-exercise{border-top:1px solid var(--line);color:var(--teal);margin-top:24px;padding-top:17px;font-family:Georgia,serif;font-size:14px;line-height:1.45}.concept-exercise span{color:var(--saffron);text-transform:uppercase;letter-spacing:.12em;margin-bottom:6px;font-family:Arial,sans-serif;font-size:9px;font-weight:700;display:block}.plan-section{color:#fff8e9;background:#203c3b;padding:110px 0}.plan-layout{grid-template-columns:.92fr 1.08fr;align-items:center;gap:92px;display:grid}.plan-copy .eyebrow{color:#efbd5e}.plan-copy>p:not(.eyebrow){color:#ffffffa8;max-width:520px;margin:25px 0;font-size:15px;line-height:1.75}.goal-picker{flex-wrap:wrap;gap:7px;display:flex}.goal-picker button{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff2b;border-radius:18px;padding:9px 13px;font-size:11px}.goal-picker button.selected{color:var(--teal);background:#f3dfba;border-color:#f3dfba}.practice-plan{color:var(--ink);background:#f6eddf;border-radius:22px;padding:29px;box-shadow:0 21px 47px #00000038}.plan-header{border-bottom:1px solid var(--line);color:var(--saffron);text-transform:uppercase;letter-spacing:.09em;justify-content:space-between;padding-bottom:19px;font-size:11px;font-weight:700;display:flex}.practice-plan ol{margin:0;padding:0;list-style:none}.practice-plan li{border-bottom:1px solid var(--line);grid-template-columns:31px 1fr auto;align-items:center;gap:14px;min-height:77px;display:grid}.practice-plan li>span{border:1px solid var(--line);width:29px;height:29px;color:var(--muted);border-radius:50%;place-items:center;font-size:9px;display:grid}.practice-plan li.done>span{color:#fff;border-color:var(--teal);background:var(--teal)}.practice-plan li strong{font-family:Georgia,serif;font-size:16px;font-weight:400}.practice-plan li p{color:var(--muted);margin:4px 0 0;font-size:10px}.practice-plan li>b{color:var(--teal);font-size:10px}.practice-plan>.button{width:100%;margin-top:22px}.journal-section{padding:105px 0}.journal-card{border:1px solid var(--line);background:#fffaf18c;border-radius:24px;grid-template-columns:1.05fr .8fr .75fr;align-items:center;gap:47px;padding:45px;display:grid;box-shadow:0 14px 38px #48332214}.journal-copy>p:not(.eyebrow){max-width:450px;color:var(--muted);margin:20px 0 25px;font-size:13px;line-height:1.7}.journal-copy .button{min-height:45px;font-size:12px}.journal-stats{border:1px solid var(--line);background:var(--line);border-radius:16px;gap:1px;display:grid;overflow:hidden}.journal-stats>div{background:#fff8ec;grid-template-columns:1fr auto;align-items:end;min-height:87px;padding:16px 18px;display:grid}.journal-stats span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;align-self:start;font-size:10px}.journal-stats strong{color:var(--teal);grid-area:1/2/3;font-family:Georgia,serif;font-size:31px;font-weight:400}.journal-stats strong i{font-size:12px;font-style:normal}.journal-stats small{color:var(--saffron);font-size:9px}.week-chart{border-bottom:1px solid var(--line);align-items:end;gap:9px;height:265px;padding:22px 16px 0;display:flex}.week-chart span{min-height:22px;color:var(--muted);background:#245b5721;border-radius:7px 7px 0 0;flex:1;justify-content:center;align-items:end;padding-bottom:6px;font-size:8px;transition:height .3s;display:flex}.week-chart span.today{color:#fff8e9;background:linear-gradient(var(--saffron), #bd461a)}footer{color:#ffffffb8;background:#172d2c;padding:48px 0}.footer-inner{grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;display:grid}.footer-inner .brand{color:#fff8e9}.footer-inner p{margin:6px 0 0;font-size:11px}.footer-links{gap:25px;font-size:12px;display:flex}.footer-inner>span{color:#dfb45f;justify-self:end;font-family:Georgia,serif;font-size:13px}@media (width<=1050px){.topbar nav{gap:24px}.hero{grid-template-columns:1fr;padding-top:50px}.hero-copy{max-width:760px}.raag-hero-card{min-height:410px}.graph-wrap{grid-template-columns:150px 1fr}.sitar-asset{width:185px}.note-readout{position:absolute;bottom:18px;right:18px}.section-heading{grid-template-columns:1fr;gap:20px}.raag-library-layout{grid-template-columns:1fr}.concept-grid{grid-template-columns:1fr 1fr}.concept-card:nth-child(2){border-right:0}.concept-card:nth-child(-n+2){border-bottom:1px solid var(--line)}.plan-layout{grid-template-columns:1fr;gap:50px}.journal-card{grid-template-columns:1fr 1fr}.week-chart{grid-column:1/-1;height:190px}}@media (width<=760px){.page-shell{width:min(100% - 30px,680px)}.topbar{grid-template-columns:1fr auto;height:70px;padding:0 16px}.topbar nav{display:none}.brand{font-size:25px}.hero{gap:40px;min-height:0;padding:45px 0}.hero-copy h1{font-size:clamp(49px,14vw,72px)}.hero-actions{flex-direction:column;align-items:stretch}.raag-hero-card{min-height:430px}.raag-card-content{min-height:430px;padding:31px 25px 25px}.raag-card-content h2{font-size:61px}.moon{width:110px;height:110px;top:48px;right:24px}.raag-tags{flex-wrap:wrap}.studio-section{padding-top:60px}.studio-toolbar{flex-direction:column}.mode-tabs{grid-template-columns:1fr 1fr;display:grid}.mode-tabs button{text-align:left}.sa-control{justify-content:space-between}.stage-topline{flex-direction:column;align-items:flex-start;padding-block:12px}.stage-topline p{line-height:1.4}.graph-wrap{grid-template-columns:96px 1fr;min-height:380px;padding-bottom:90px}.sitar-asset{width:130px;height:160px}.graph-canvas{margin-left:-15px}.note-readout{bottom:15px;right:50%;transform:translate(50%)}.studio-footer{flex-direction:column;align-items:stretch;padding:18px}.input-actions{grid-template-columns:1fr 1fr;display:grid}.input-actions .text-button{grid-column:1/-1;min-height:36px}.accuracy{width:100%}.keyboard-panel{grid-template-columns:1fr}.piano{height:100px}.explore-section,.concept-section,.plan-section,.journal-section{padding-block:70px}.explore-heading{flex-direction:column;align-items:flex-start}.time-filter{width:100%;overflow-x:auto}.time-filter button{flex:1}.raag-grid,.concept-grid{grid-template-columns:1fr}.concept-card{border-right:0;border-bottom:1px solid var(--line);min-height:285px}.concept-card:last-child{border-bottom:0}.concept-card>p{min-height:0}.practice-plan{padding:20px}.journal-card{grid-template-columns:1fr;gap:32px;padding:27px}.week-chart{grid-column:auto}.footer-inner{grid-template-columns:1fr}.footer-links{flex-wrap:wrap}.footer-inner>span{justify-self:start}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
