:root{--navy:#071229;--navy2:#0d214a;--blue:#12326d;--gold:#d8ae54;--gold2:#f1d48b;--ink:#111827;--muted:#6b7280;--bg:#f3f5f9;--white:#fff;--line:#e7eaf0;--radius:22px}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;background:#dfe3eb;color:var(--ink)}body{margin:0;min-height:100vh;background:radial-gradient(circle at top,#e9d18d22,transparent 34%),#dfe3eb}.app-shell{width:min(100%,520px);min-height:100vh;margin:auto;background:var(--bg);position:relative;box-shadow:0 0 50px #07122920;padding-bottom:96px}.topbar{height:78px;padding:10px 18px;display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:11px}.brand img{width:54px;height:54px;object-fit:cover;border-radius:50%;border:1px solid #f1d48b55}.brand div{display:flex;flex-direction:column;line-height:1}.brand small{font-size:9px;letter-spacing:1.6px;color:#e8d397}.brand strong{font-family:Georgia,serif;font-size:24px;letter-spacing:3px;margin-top:6px;color:#fff}.icon-button{border:1px solid #ffffff25;background:#ffffff0d;color:#fff;border-radius:50%;width:42px;height:42px;font-size:23px;position:relative}.icon-button i{position:absolute;right:-2px;top:-3px;background:var(--gold);color:var(--navy);font:bold 10px system-ui;border-radius:9px;padding:2px 5px}.view{display:none;padding:24px 18px 16px}.view.active{display:block;animation:fade .22s ease}.welcome{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.welcome p,.page-heading p{margin:0 0 4px;color:var(--muted);font-size:14px}.welcome h1,.page-heading h1{margin:0;font-family:Georgia,serif;font-size:28px;color:var(--navy)}.avatar,.large-avatar{border:2px solid var(--gold);background:var(--navy);color:#fff;font-weight:700;border-radius:50%;display:grid;place-items:center}.avatar{width:48px;height:48px}.next-class{background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;border-radius:26px;padding:21px;box-shadow:0 16px 34px #07122925;position:relative;overflow:hidden}.next-class:after{content:"A";position:absolute;right:-10px;bottom:-45px;font:140px Georgia;color:#fff05}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:1.3px;color:#e7d192;display:flex;align-items:center;gap:8px}.eyebrow span{width:7px;height:7px;border-radius:50%;background:#e7c876;box-shadow:0 0 10px #e7c876}.class-main{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:18px 0 17px}.class-main h2{font-size:21px;margin:0 0 7px}.class-main p{margin:0;color:#dbe1ee;font-size:14px}.date-chip{width:54px;height:62px;flex:0 0 auto;border:1px solid #f1d48b55;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fff08}.date-chip b{font-size:23px;color:var(--gold2)}.date-chip small{font-size:9px;letter-spacing:1px}.place{font-size:13px;color:#bbc5da;border-top:1px solid #fff2;padding-top:14px}.section-title{font-family:Georgia,serif;font-size:20px;color:var(--navy);margin:25px 0 13px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.quick-card{border:0;background:#fff;border-radius:19px;padding:17px;text-align:left;box-shadow:0 3px 15px #1020400b;display:grid;grid-template-columns:38px 1fr;align-items:center;column-gap:10px}.quick-card .qicon{grid-row:1/3;width:38px;height:38px;border-radius:12px;background:#f5eddc;color:#9b7324;display:grid;place-items:center;font-size:20px;font-weight:700}.quick-card b{font-size:15px}.quick-card small{font-size:11px;color:var(--muted);margin-top:3px}.notice{margin-top:18px;display:flex;gap:12px;background:#fff9e9;border:1px solid #ead69c;border-radius:17px;padding:15px}.notice-icon{width:29px;height:29px;flex:0 0 auto;border-radius:50%;background:var(--gold);display:grid;place-items:center;font-weight:800;color:var(--navy)}.notice b{font-size:14px}.notice p{margin:5px 0 0;font-size:12px;color:#665d4c;line-height:1.4}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.filter{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 13px;color:var(--navy);font-weight:700}.week-strip{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-radius:19px;padding:7px;margin-bottom:18px}.week-strip button{border:0;background:transparent;padding:8px 4px;border-radius:14px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:5px}.week-strip small{font-size:10px}.week-strip b{font-size:17px}.week-strip i{width:4px;height:4px;border-radius:50%;background:var(--gold)}.week-strip .selected{background:var(--navy);color:#fff}.schedule-list{display:flex;flex-direction:column;gap:11px}.schedule-list article{display:grid;grid-template-columns:64px 1fr 20px;align-items:center;background:#fff;border-radius:19px;padding:16px}.time{border-right:1px solid var(--line);display:flex;flex-direction:column}.time b{font-size:17px;color:var(--navy)}.time small{font-size:12px;color:var(--muted)}.schedule-list article>div:nth-child(2){padding-left:15px}.schedule-list span,.event-feature span,.event-simple span{font-size:9px;letter-spacing:1.3px;color:#a07724;font-weight:800}.schedule-list h3,.event-simple h3{margin:4px 0;font-size:15px}.schedule-list p,.event-simple p{margin:0;color:var(--muted);font-size:12px}.schedule-list button{border:0;background:transparent;font-size:28px;color:#aab0ba}.locations p{background:#fff;border-radius:14px;padding:13px 15px;font-size:13px;line-height:1.5;margin:8px 0}.balance-card{background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;border-radius:25px;padding:24px;text-align:center}.balance-card small{color:#c9d1e1}.balance-card strong{font:38px Georgia;display:block;color:var(--gold2);margin:9px}.balance-card p{font-size:13px;color:#c9d1e1}.gold-button{display:block;width:100%;border:0;border-radius:13px;padding:14px;background:linear-gradient(135deg,var(--gold2),var(--gold));color:var(--navy);font-weight:800;text-align:center;text-decoration:none;font-size:15px}.tariffs{display:grid;gap:11px}.tariffs article{background:#fff;border:1px solid var(--line);border-radius:18px;padding:17px;position:relative}.tariffs article.chosen{border:2px solid var(--gold)}.tariffs span{position:absolute;right:12px;top:12px;background:#f5eddc;color:#8b661a;padding:5px 8px;border-radius:8px;font-size:10px}.tariffs h3{margin:0 0 8px;font-size:15px}.tariffs strong{font:25px Georgia;color:var(--navy)}.tariffs p{margin:6px 0 0;color:var(--muted);font-size:12px}.payment-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:11px;background:#fff;padding:14px;border-radius:16px}.payment-row .paid{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e7f6ed;color:#178447}.payment-row div:nth-child(2){display:flex;flex-direction:column}.payment-row small{color:var(--muted);font-size:11px;margin-top:3px}.payment-row strong{font-size:14px}.event-feature{display:flex;gap:16px;background:linear-gradient(145deg,var(--navy2),var(--navy));color:#fff;border-radius:24px;padding:20px;margin-bottom:13px}.event-date{width:57px;height:65px;flex:0 0 auto;background:#ffffff12;border:1px solid #d8ae5466;border-radius:15px;display:flex;flex-direction:column;align-items:center;justify-content:center}.event-date b{font:25px Georgia;color:var(--gold2)}.event-date small{font-size:9px}.event-feature h2{margin:5px 0;font-size:20px}.event-feature p{margin:0 0 14px;color:#c5cee0;font-size:12px}.outline-button{border:1px solid var(--gold);color:var(--gold2);background:transparent;border-radius:11px;padding:10px 13px;font-weight:700}.event-simple{display:flex;gap:15px;background:#fff;border-radius:19px;padding:16px}.event-simple .event-date{background:#f5eddc;border:0}.profile-head{text-align:center;padding:8px 0 22px}.large-avatar{width:76px;height:76px;margin:auto;font-size:23px}.profile-head h1{font:26px Georgia;color:var(--navy);margin:13px 0 4px}.profile-head p{margin:0;color:var(--muted);font-size:13px}.profile-menu{display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden}.profile-menu button,.profile-menu a{border:0;border-bottom:1px solid var(--line);padding:16px;background:#fff;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--ink);text-align:left}.profile-menu span{font-size:14px}.profile-menu b{font-size:12px;color:var(--muted)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,520px);height:78px;padding:8px max(10px,env(safe-area-inset-left));padding-bottom:max(8px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);z-index:20}.bottom-nav button{border:0;background:transparent;color:#8a909b;display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px}.bottom-nav span{font-size:21px;line-height:1}.bottom-nav small{font-size:10px}.bottom-nav button.active{color:var(--navy)}.bottom-nav button.active span{color:#b68c36}.modal{position:fixed;inset:0;z-index:50;display:none;align-items:flex-end;justify-content:center}.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:#07122999;backdrop-filter:blur(3px)}.modal-sheet{position:relative;width:min(100%,520px);background:#fff;border-radius:28px 28px 0 0;padding:27px 22px max(25px,env(safe-area-inset-bottom));text-align:center;animation:rise .25s ease;max-height:88vh;overflow:auto}.close{position:absolute;right:16px;top:13px;border:0;background:#f0f2f6;border-radius:50%;width:35px;height:35px;font-size:23px}.modal-mark{width:60px;height:60px;border-radius:19px;background:#f5eddc;color:#9b7324;display:grid;place-items:center;font:bold 26px Georgia;margin:auto}.modal-sheet h2{font:24px Georgia;color:var(--navy);margin:14px 0 7px}.modal-sheet>p{color:var(--muted);font-size:13px}.modal-sheet>strong{font:32px Georgia;color:var(--navy)}.qr-placeholder{width:170px;height:170px;border:2px dashed #c9b477;background:repeating-linear-gradient(45deg,#f8f3e7,#f8f3e7 8px,#fff 8px,#fff 16px);margin:18px auto;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center}.qr-placeholder span{font:bold 36px Georgia;color:var(--navy)}.qr-placeholder small{width:120px;color:var(--muted)}.muted{font-size:12px!important}.role-list{display:flex;flex-direction:column;gap:9px;text-align:left;margin-top:18px}.role-list button{border:1px solid var(--line);background:#fff;border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:4px}.role-list button:hover{border-color:var(--gold)}.role-list small{color:var(--muted)}label{display:block;text-align:left;font-size:13px;font-weight:700;margin:14px 0}input,select{width:100%;margin-top:7px;border:1px solid #d9dde5;border-radius:12px;padding:13px;font:16px inherit;background:#fff}.toast{position:fixed;left:50%;bottom:95px;transform:translate(-50%,20px);background:var(--navy);color:#fff;padding:12px 17px;border-radius:13px;opacity:0;pointer-events:none;z-index:70;font-size:13px;transition:.25s;box-shadow:0 8px 24px #07122955}.toast.show{opacity:1;transform:translate(-50%,0)}@keyframes fade{from{opacity:.4;transform:translateY(4px)}}@keyframes rise{from{transform:translateY(50px);opacity:.5}}@media(min-width:700px){body{padding:24px 0}.app-shell{min-height:calc(100vh - 48px);border-radius:28px;overflow:hidden}.topbar{position:relative}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}}