:root{font-family:Be Vietnam Pro,sans-serif;color:#fff8e9;background:#12050a;font-synthesis:none;--red: #e13c3f;--red-deep: #7e1024;--gold: #f1c66b;--cream: #fff3d6}*{box-sizing:border-box}html,body{width:100%;min-height:100%;margin:0;overflow:hidden}body{display:grid;min-height:100dvh;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 20%,#611524 0,#1e0710 42rem,#080306)}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}.bk-shell{position:relative;isolation:isolate;display:flex;width:100%;max-width:480px;height:min(100dvh,960px);min-height:620px;padding:max(18px,env(safe-area-inset-top)) 20px max(12px,env(safe-area-inset-bottom));flex-direction:column;overflow:hidden;background:#260914;box-shadow:0 28px 90px #0000009e,0 0 0 1px #ffd27a14;--hold-progress: 0}.campus-picture,.campus-picture img,.campus-shade,.paper-grain{position:absolute;inset:0;width:100%;height:100%}.campus-picture{z-index:-5}.campus-picture img{object-fit:cover;object-position:50% 50%;transform:scale(1.015)}.campus-shade{z-index:-4;background:linear-gradient(180deg,#0805114d,#0d040a08 28%,#1003081c 50%,#0f0207c7 83%,#080104f0),radial-gradient(circle at 50% 47%,transparent 14%,rgb(18 3 8 / 16%) 62%,rgb(8 1 4 / 42%) 100%)}.paper-grain{inset:-50%;z-index:20;width:200%;height:200%;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");animation:grain .35s steps(2) infinite}.bk-topbar{z-index:5;display:flex;align-items:center;justify-content:space-between}.home-link{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none}.home-link>span:last-child{display:flex;flex-direction:column;gap:1px}.home-link strong{color:#ffe5a8;font-size:10px;font-weight:700;letter-spacing:.19em}.home-link small{color:#fff0d394;font-size:8px;letter-spacing:.08em}.home-mark{display:grid;width:36px;height:36px;place-items:center;border:1px solid rgb(247 199 102 / 47%);border-radius:50%;color:#ffdf91;background:#3408105c;box-shadow:inset 0 0 15px #ef9a341f;font-family:Georgia,serif}.sound-button{position:relative;display:grid;width:38px;height:38px;padding:9px;place-items:center;border:1px solid rgb(255 219 151 / 25%);border-radius:50%;color:#ffe6b2;background:#23060d6b;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer}.sound-button svg{position:absolute;width:18px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.6}.sound-button .sound-on{display:none}.sound-button[aria-pressed=true] .sound-on{display:block}.sound-button[aria-pressed=true] .sound-off{display:none}.bk-hero{z-index:2;margin-top:clamp(18px,4.2vh,38px);text-align:center}.hero-kicker{margin:0 0 8px;color:var(--gold);font-size:8px;font-weight:600;letter-spacing:.28em}.bk-hero h1{margin:0;font-family:Playfair Display,Georgia,serif;font-size:clamp(38px,10.6vw,50px);font-weight:600;line-height:.94;letter-spacing:-.04em;text-shadow:0 4px 30px rgb(0 0 0 / 38%)}.bk-hero h1 em{color:#ffd67d;font-weight:inherit}.hero-copy{max-width:310px;margin:12px auto 0;color:#fff4ddb8;font-size:10px;font-weight:300;line-height:1.55}.course-card{z-index:5;width:min(100%,390px);margin:clamp(16px,3vh,24px) auto 0;padding:13px;border:1px solid rgb(255 215 140 / 19%);border-radius:16px;background:linear-gradient(145deg,#2f0812ab,#17040a8f);box-shadow:0 16px 34px #04000238;-webkit-backdrop-filter:blur(16px) saturate(1.2);backdrop-filter:blur(16px) saturate(1.2);transition:opacity .35s ease,transform .35s ease}.course-card label{display:block;margin:0 0 7px 2px;color:#f5ca77;font-size:8px;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.course-input-wrap{position:relative}.course-input-wrap input{width:100%;height:42px;padding:0 42px 0 13px;border:1px solid rgb(255 218 151 / 18%);border-radius:11px;outline:none;color:#fff8e8;background:#1002077f;font-size:12px;transition:border-color .2s ease,box-shadow .2s ease}.course-input-wrap input::placeholder{color:#ffefd261}.course-input-wrap input:focus{border-color:#f4be59b3;box-shadow:0 0 0 3px #e23c3f21}.course-input-wrap input[aria-invalid=true]{border-color:#ff6c6cc2}.input-icon{position:absolute;top:50%;right:14px;color:#efc05e;font-size:13px;transform:translateY(-50%)}.course-error{min-height:0;margin:0;color:#ffb3ad;font-size:9px;line-height:1.45}.course-error:not(:empty){min-height:17px;padding:5px 2px 0}.course-chips{display:flex;margin-top:8px;gap:6px;overflow-x:auto;scrollbar-width:none}.course-chips::-webkit-scrollbar{display:none}.course-chips button{flex:0 0 auto;padding:6px 9px;border:1px solid rgb(245 199 111 / 15%);border-radius:999px;color:#ffebc6b8;background:#ea404217;font-size:8px;cursor:pointer}.course-chips button:hover{color:#ffe6ab;border-color:#f5c76f61;background:#ea404229}.ritual-stage{position:relative;z-index:2;flex:1 1 220px;min-height:175px;pointer-events:none}.incense-sticks{position:absolute;bottom:60px;left:50%;z-index:4;width:clamp(68px,18vw,86px);height:auto;opacity:.7;filter:drop-shadow(0 0 8px rgb(255 69 30 / 28%));transform:translate(-50%) translateY(8%);transform-origin:50% 100%;transition:filter .7s ease,opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.incense-burner{position:absolute;bottom:-9px;left:50%;z-index:6;width:clamp(135px,36vw,164px);height:auto;filter:drop-shadow(0 12px 15px rgb(4 0 1 / 45%));transform:translate(-50%);transform-origin:50% 90%;transition:filter .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}.incense-glow{position:absolute;bottom:12px;left:50%;width:210px;height:145px;border-radius:50%;opacity:.15;background:radial-gradient(circle,rgb(255 177 45 / 48%),transparent 67%);filter:blur(9px);transform:translate(-50%);transition:opacity .7s ease,transform .7s ease}.smoke-field{position:absolute;bottom:162px;left:50%;z-index:3;width:180px;height:270px;opacity:0;transform:translate(-50%);transition:opacity .8s ease}.smoke-art{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 10px rgb(255 201 123 / 20%));transform-origin:50% 100%;animation:smoke-float 5.5s ease-in-out infinite alternate}.spark-field{position:absolute;inset:0;z-index:8;overflow:hidden}.spark-field i{position:absolute;bottom:42px;left:var(--x);width:4px;height:4px;border-radius:50%;background:#ffd575;box-shadow:0 0 8px #ff9e36;animation:spark-rise var(--duration) ease-out var(--delay) both}.action-card{z-index:8;width:min(100%,390px);margin:4px auto 0}.action-idle>p{margin:0 0 8px;color:#ffefd194;font-size:9px;text-align:center}.hold-button{position:relative;isolation:isolate;display:flex;width:100%;height:52px;padding:0 14px;align-items:center;gap:10px;overflow:hidden;border:1px solid rgb(255 221 154 / 45%);border-radius:15px;color:#39100f;background:linear-gradient(135deg,#f5c96f,#e99f45);box-shadow:0 12px 28px #45040d6b,inset 0 1px #fff8dd8c;cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none}.hold-fill{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f04e48,#c72438);transform:scaleX(var(--hold-progress));transform-origin:left}.hold-icon{display:grid;width:29px;height:29px;place-items:center;border-radius:50%;color:#6c1a1b;background:#fffae573;font-size:14px}.hold-label{font-size:11px;font-weight:700;letter-spacing:.02em}.hold-progress{margin-left:auto;font-size:9px;font-weight:700;font-variant-numeric:tabular-nums}.action-done{display:none;padding:15px 16px 13px;border:1px solid rgb(250 207 123 / 28%);border-radius:18px;background:linear-gradient(145deg,#490a15de,#190309e0);box-shadow:0 16px 35px #0300015e;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);text-align:center}.done-kicker{margin:0 0 6px;color:#f0bd5d;font-size:7px;font-weight:700;letter-spacing:.21em}.action-done h2{margin:0;color:#fff5de;font-family:Playfair Display,Georgia,serif;font-size:24px;line-height:1.08}.action-done h2 strong{color:#ffd675;font-weight:600}.action-done>p:not(.done-kicker){margin:7px 0 11px;color:#ffefd29e;font-size:9px}.done-actions{display:flex;gap:7px}.done-actions button{height:34px;border-radius:10px;cursor:pointer}#shareButton{flex:1;border:1px solid #efbd60;color:#431217;background:#efbd60;font-size:9px;font-weight:700}#resetButton{width:72px;border:1px solid rgb(255 222 159 / 22%);color:#f2d49b;background:#ffffff0a;font-size:9px}.share-status{display:block;min-height:12px;margin-top:5px;color:#ffecc594;font-size:8px}.bk-footer{z-index:6;display:flex;margin-top:7px;justify-content:space-between;gap:12px;color:#ffeed057;font-size:6.5px;line-height:1.35}.bk-footer span:last-child{text-align:right}.bk-shell[data-state=holding] .incense-sticks{opacity:1;filter:drop-shadow(0 0 12px rgb(255 79 31 / 58%));transform:translate(-50%) translateY(5%) scale(1.025)}.bk-shell[data-state=holding] .incense-burner{filter:drop-shadow(0 13px 18px rgb(4 0 1 / 48%)) drop-shadow(0 0 8px rgb(242 163 61 / 18%));transform:translate(-50%) scale(1.015)}.bk-shell[data-state=holding] .incense-glow{opacity:var(--hold-progress);transform:translate(-50%) scale(1.08)}.bk-shell[data-state=holding] .hold-button{color:#fff1d3}.bk-shell[data-state=done] .course-card{opacity:.45;transform:scale(.975);pointer-events:none}.bk-shell[data-state=done] .incense-sticks{opacity:1;filter:drop-shadow(0 0 15px rgb(255 95 32 / 78%));transform:translate(-50%) translateY(3%) scale(1.04)}.bk-shell[data-state=done] .incense-burner{filter:drop-shadow(0 14px 19px rgb(4 0 1 / 50%)) drop-shadow(0 0 11px rgb(242 163 61 / 27%));transform:translate(-50%) scale(1.025)}.bk-shell[data-state=done] .incense-glow{opacity:.72;transform:translate(-50%) scale(1.2)}.bk-shell[data-state=done] .smoke-field{opacity:1}.bk-shell[data-state=done] .action-idle{display:none}.bk-shell[data-state=done] .action-done{display:block;animation:done-arrive .6s cubic-bezier(.16,.8,.25,1) both}.input-shake .course-card{animation:input-shake .34s ease}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #ffd475;outline-offset:3px}@keyframes smoke-float{0%{translate:-4px 5px;rotate:-1.2deg;scale:.96 1}to{translate:5px -7px;rotate:1.2deg;scale:1.04 1.03}}@keyframes spark-rise{0%{opacity:0;translate:0 8px;scale:.4}15%{opacity:1}to{opacity:0;translate:var(--drift) -155px;scale:0}}@keyframes done-arrive{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}@keyframes input-shake{20%,60%{translate:-5px 0}40%,80%{translate:5px 0}}@keyframes grain{0%{transform:translate(0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}}@media(max-height:740px){.bk-shell{padding-top:max(12px,env(safe-area-inset-top))}.bk-hero{margin-top:10px}.bk-hero h1{font-size:35px}.hero-copy{margin-top:7px}.course-card{margin-top:10px;padding:10px}.course-input-wrap input{height:38px}.course-chips{margin-top:6px}.ritual-stage{min-height:130px}.incense-sticks{bottom:51px;width:64px}.incense-burner{width:126px}.smoke-field{bottom:142px;width:148px;height:222px}.bk-footer{display:none}}@media(min-width:700px){.bk-shell{border-radius:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}