body{font-family:system-ui,sans-serif;margin:0;background:#0f1115;color:#e8e8ea}.s33-app{max-width:960px;margin:0 auto;padding:1rem}.s33-nav{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.s33-nav a{color:#9ecbff;text-decoration:none}.s33-nav a:hover{text-decoration:underline}.s33-warn{background:#3a2a00;border:1px solid #806000;padding:.5rem .75rem;margin-bottom:1rem;border-radius:6px}.s33-onboarding label,.s33-section{display:block;margin-bottom:.75rem}.s33-onboarding input,.s33-onboarding select{width:100%;max-width:420px;padding:.4rem}.muted{color:#9aa0a6}.errors{color:#ffb4b4}.mentor-grid{display:grid;gap:.75rem}.s33-empty{opacity:.8}.s33-course .course-section{margin-bottom:1.5rem}.course-hero h1{margin-bottom:.25rem}.course-modules-grid,.patterns-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.75rem}.course-module-card,.pattern33-card{text-align:left;background:#161922;border:1px solid #232838;border-radius:10px;padding:.85rem;color:inherit;cursor:pointer;transition:border-color .15s,transform .1s}.course-module-card:hover{border-color:#3a4258;transform:translateY(-1px)}.course-module-card.active{border-color:#9ecbff}.course-module-card.locked,.pattern33-card.locked{opacity:.85}.cmc-top,.p33-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.4rem}.cmc-num,.p33-num{font-weight:700;color:#9ecbff;font-size:.9rem}.cmc-badge,.p33-badge{font-size:.72rem;padding:.12rem .45rem;border-radius:999px;border:1px solid #2c3242}.cmc-badge.ok,.p33-badge.ok{color:#7ee0a8;border-color:#2e5e44}.cmc-badge.lock,.p33-badge.lock{color:#ffcf8b;border-color:#5e4a2e}.cmc-title,.p33-title{display:block;margin:.15rem 0}.cmc-desc,.p33-desc{font-size:.85rem;margin:.25rem 0 0}.course-progress,.pattern-progress{margin-bottom:.85rem}.course-progress-head,.pattern-progress-head{display:flex;justify-content:space-between;font-size:.9rem;margin-bottom:.3rem}.course-progress-track,.pattern-progress-track{background:#232838;height:8px;border-radius:999px;overflow:hidden}.course-progress-fill,.pattern-progress-fill{background:linear-gradient(90deg,#5b8def,#9ecbff);height:100%}.course-unlock-card{background:#161922;border:1px solid #232838;border-radius:10px;padding:1rem}.course-unlock-card.unlocked{border-color:#2e5e44}.cta,.cta-secondary{background:#2c3242;color:#e8e8ea;border:1px solid #3a4258;padding:.5rem .9rem;border-radius:8px;cursor:pointer;margin-top:.5rem}.cta[disabled]{opacity:.55;cursor:not-allowed}.module-pattern-map{display:grid;gap:.4rem}.mpm-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.4rem .6rem;background:#14171f;border-radius:8px}.mpm-mod{display:flex;gap:.5rem;align-items:center}.mpm-num{color:#9ecbff;font-weight:700}.mpm-patterns{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.mpm-chip{font-size:.72rem;background:#232838;padding:.12rem .4rem;border-radius:999px}.mpm-chip.private{border:1px solid #5e4a2e;color:#ffcf8b}.lesson-list,.ccl-links{margin:.5rem 0 0;padding-left:1.1rem}.locked-card{background:#14171f;border:1px solid #2c3242;border-radius:8px;padding:.75rem}.course-command-link,.recommended-module{background:#161922;border:1px solid #232838;border-radius:10px;padding:.85rem}:root{--s33-bg: #0a0b0f;--s33-bg-2: #0e1016;--s33-graphite: #14161d;--s33-graphite-2: #181b24;--s33-navy: #0f1422;--s33-line: #232733;--s33-line-2: #2d323f;--s33-text: #ECECEE;--s33-muted: #9aa0ad;--s33-faint: #6b7180;--s33-gold: #D9B872;--s33-gold-2: #C9A24B;--s33-gold-soft: rgba(217, 184, 114, .12);--s33-green: #6FD79B;--s33-red: #E58A8A;--s33-radius: 14px;--s33-radius-sm: 10px;--s33-shadow: 0 8px 30px rgba(0, 0, 0, .45);--s33-maxw: 720px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 600px at 50% -10%,#131826,#13182600 60%),var(--s33-bg);color:var(--s33-text);-webkit-font-smoothing:antialiased;line-height:1.5;overflow-x:hidden}a{color:var(--s33-gold);text-decoration:none}a:hover{color:var(--s33-gold-2)}h1,h2,h3{line-height:1.2;margin:0 0 .4rem;letter-spacing:-.01em}p{margin:0 0 .6rem}.s33-muted{color:var(--s33-muted)}.s33-faint{color:var(--s33-faint)}.s33-small{font-size:.82rem}.s33-center{text-align:center}.s33-gold{color:var(--s33-gold)}.s33-shell{min-height:100vh;display:flex;flex-direction:column}.s33-shell-main{flex:1;width:100%;max-width:var(--s33-maxw);margin:0 auto;padding:1rem 1rem 6.5rem}@media(min-width:880px){.s33-shell-main{padding:1.5rem 1.5rem 2.5rem}}.s33-topnav{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:#0a0b0fd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--s33-line)}.s33-topnav-brand{display:flex;align-items:center;gap:.55rem;font-weight:700;letter-spacing:.02em}.s33-topnav-brand .dot{width:10px;height:10px;border-radius:50%;background:linear-gradient(135deg,var(--s33-gold),var(--s33-gold-2));box-shadow:0 0 12px var(--s33-gold-soft)}.s33-topnav-links{display:none;gap:.15rem;margin-left:auto;flex-wrap:wrap;justify-content:flex-end;max-width:75%}@media(min-width:880px){.s33-topnav-links{display:flex}}.s33-topnav-link{padding:.35rem .6rem;border-radius:999px;color:var(--s33-muted);font-size:.82rem;font-weight:500;white-space:nowrap}.s33-topnav-link:hover{color:var(--s33-text);background:var(--s33-graphite)}.s33-topnav-link.active{color:#0a0b0f;background:linear-gradient(135deg,var(--s33-gold),var(--s33-gold-2))}.s33-bottomnav{position:fixed;bottom:0;left:0;right:0;z-index:40;display:flex;justify-content:flex-start;gap:.1rem;padding:.4rem .25rem calc(.4rem + env(safe-area-inset-bottom));background:#0c0e14f2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--s33-line);overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.s33-bottomnav::-webkit-scrollbar{display:none}@media(min-width:880px){.s33-bottomnav{display:none}}.s33-bottomnav-link{flex:0 0 auto;min-width:60px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:.3rem .35rem;color:var(--s33-faint);font-size:.64rem;font-weight:500;white-space:nowrap}.s33-bottomnav-link .ic{font-size:1rem;line-height:1}.s33-bottomnav-link.active{color:var(--s33-gold)}.s33-card{background:linear-gradient(180deg,var(--s33-graphite) 0%,var(--s33-graphite-2) 100%);border:1px solid var(--s33-line);border-radius:var(--s33-radius);padding:1.1rem;margin-bottom:1rem}.s33-card.flush{margin-bottom:0}.s33-card.gold{border-color:#d9b87273;box-shadow:0 0 0 1px #d9b87214,var(--s33-shadow)}.s33-card.locked{opacity:.92}.s33-card-hero{background:radial-gradient(600px 200px at 0% 0%,rgba(217,184,114,.1),transparent 60%),linear-gradient(180deg,var(--s33-navy),var(--s33-graphite-2));border:1px solid var(--s33-line-2);border-radius:var(--s33-radius);padding:1.4rem;margin-bottom:1rem}.s33-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin:1.4rem 0 .7rem}.s33-section-header h2{font-size:1.05rem;margin:0}.s33-section-header .eyebrow{font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--s33-gold);margin:0 0 .2rem}.s33-section-header .meta{color:var(--s33-muted);font-size:.82rem;white-space:nowrap}.s33-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font:inherit;font-weight:600;cursor:pointer;padding:.7rem 1.1rem;border-radius:var(--s33-radius-sm);border:1px solid transparent;transition:transform .08s,filter .15s,background .15s;width:auto}.s33-btn:active{transform:translateY(1px)}.s33-btn[disabled]{cursor:not-allowed;opacity:.6}.s33-btn-primary{background:linear-gradient(135deg,var(--s33-gold),var(--s33-gold-2));color:#0a0b0f}.s33-btn-primary:hover:not([disabled]){filter:brightness(1.06)}.s33-btn-secondary{background:var(--s33-graphite-2);color:var(--s33-text);border-color:var(--s33-line-2)}.s33-btn-secondary:hover:not([disabled]){background:#20242e}.s33-btn-ghost{background:transparent;color:var(--s33-muted);border-color:var(--s33-line)}.s33-btn-ghost:hover:not([disabled]){color:var(--s33-text)}.s33-btn-block{width:100%}.s33-btn-row{display:flex;gap:.6rem;flex-wrap:wrap}.s33-field{display:block;margin-bottom:.9rem}.s33-field-label{display:flex;align-items:center;gap:.4rem;font-size:.85rem;font-weight:500;color:var(--s33-text);margin-bottom:.35rem}.s33-input,.s33-select{width:100%;font:inherit;color:var(--s33-text);background:var(--s33-bg-2);border:1px solid var(--s33-line-2);border-radius:var(--s33-radius-sm);padding:.7rem .8rem;outline:none;transition:border-color .15s,box-shadow .15s}.s33-input::placeholder{color:var(--s33-faint)}.s33-input:focus,.s33-select:focus{border-color:var(--s33-gold);box-shadow:0 0 0 3px var(--s33-gold-soft)}.s33-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--s33-muted) 50%),linear-gradient(135deg,var(--s33-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 1.15rem,calc(100% - 13px) 1.15rem;background-size:5px 5px,5px 5px;background-repeat:no-repeat}.s33-check{display:flex;align-items:flex-start;gap:.6rem;font-size:.88rem;color:var(--s33-muted);cursor:pointer}.s33-check input{width:18px;height:18px;margin-top:1px;accent-color:var(--s33-gold-2);flex:none}.s33-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.18rem .55rem;border-radius:999px;border:1px solid var(--s33-line-2);color:var(--s33-muted)}.s33-badge.gold{color:var(--s33-gold);border-color:#d9b87266;background:var(--s33-gold-soft)}.s33-badge.green{color:var(--s33-green);border-color:#6fd79b59}.s33-badge.free{color:var(--s33-text)}.s33-lockbadge{display:inline-flex;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;padding:.18rem .55rem;border-radius:999px;color:#e7c98b;border:1px solid rgba(217,184,114,.35);background:#d9b87214}.s33-metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.7rem}.s33-metric{background:var(--s33-bg-2);border:1px solid var(--s33-line);border-radius:var(--s33-radius-sm);padding:.85rem}.s33-metric .label{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--s33-muted);margin-bottom:.25rem}.s33-metric .value{font-size:1.4rem;font-weight:700;letter-spacing:-.02em}.s33-metric .value.gold{color:var(--s33-gold)}.s33-metric .hint{font-size:.76rem;color:var(--s33-faint);margin-top:.2rem}.s33-progress{margin:.4rem 0 .2rem}.s33-progress-head{display:flex;justify-content:space-between;font-size:.82rem;color:var(--s33-muted);margin-bottom:.35rem}.s33-progress-track{height:8px;background:var(--s33-bg-2);border:1px solid var(--s33-line);border-radius:999px;overflow:hidden}.s33-progress-fill{height:100%;background:linear-gradient(90deg,var(--s33-gold-2),var(--s33-gold));border-radius:999px;transition:width .4s ease}.s33-appstore-notice{display:flex;gap:.7rem;align-items:flex-start;background:var(--s33-bg-2);border:1px dashed var(--s33-line-2);border-radius:var(--s33-radius-sm);padding:.85rem;color:var(--s33-muted);font-size:.84rem}.s33-appstore-notice .ic{color:var(--s33-gold);font-size:1rem;line-height:1.2}.s33-grid-2{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:620px){.s33-grid-2{grid-template-columns:1fr 1fr}}.s33-tile-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:.7rem}.s33-chip-list{display:flex;flex-wrap:wrap;gap:.4rem}.s33-chip{font-size:.74rem;padding:.22rem .55rem;border-radius:999px;background:var(--s33-bg-2);border:1px solid var(--s33-line);color:var(--s33-muted)}.s33-chip.gold{color:var(--s33-gold);border-color:#d9b87259}.s33-chip.private{color:#e7c98b;border-color:#d9b87259}.s33-list{margin:.3rem 0;padding-left:1.1rem}.s33-list li{margin-bottom:.25rem}.s33-empty{text-align:center;color:var(--s33-muted);padding:2.5rem 1rem}.s33-empty .ic{font-size:2rem}.s33-mod-tile{text-align:left;background:var(--s33-bg-2);border:1px solid var(--s33-line);border-radius:var(--s33-radius-sm);padding:.8rem;color:inherit;cursor:pointer;transition:border-color .15s,transform .08s;width:100%}.s33-mod-tile:hover{border-color:var(--s33-line-2);transform:translateY(-1px)}.s33-mod-tile.active{border-color:var(--s33-gold);box-shadow:0 0 0 1px #d9b87240}.s33-mod-tile .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.35rem}.s33-mod-tile .num{font-weight:700;color:var(--s33-gold);font-size:.85rem}.s33-mod-tile .t{display:block;font-weight:600;font-size:.92rem;margin-bottom:.15rem}.s33-mod-tile .d{font-size:.8rem;color:var(--s33-muted)}.s33-mod-tile .r{font-size:.76rem;color:var(--s33-faint);margin-top:.3rem}.s33-map-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .7rem;background:var(--s33-bg-2);border:1px solid var(--s33-line);border-radius:var(--s33-radius-sm);margin-bottom:.4rem}.s33-map-mod{display:flex;gap:.5rem;align-items:center;min-width:0}.s33-map-mod .num{color:var(--s33-gold);font-weight:700}.s33-map-mod .t{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.s33-map-pat{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:flex-end}.s33-warn{background:#d9b87214;border:1px solid rgba(217,184,114,.3);color:#e7c98b;padding:.6rem .8rem;border-radius:var(--s33-radius-sm);margin-bottom:1rem;font-size:.85rem}.s33-errors{list-style:none;margin:.2rem 0 .8rem;padding:.6rem .8rem;background:#e58a8a14;border:1px solid rgba(229,138,138,.3);border-radius:var(--s33-radius-sm);color:var(--s33-red);font-size:.85rem}.s33-errors li{margin-bottom:.2rem}.s33-hero-title{font-size:1.6rem;font-weight:700}.s33-hero-sub{color:var(--s33-muted)}.s33-divider{height:1px;background:var(--s33-line);border:0;margin:1rem 0}.s33-summary{background:var(--s33-bg-2);border:1px solid var(--s33-line);border-radius:var(--s33-radius-sm);padding:.7rem;font-size:.8rem;color:var(--s33-muted);overflow-x:auto}.s33-shell input[type=text],.s33-shell input[type=number],.s33-shell input[type=time],.s33-shell input:not([type]),.s33-shell select,.s33-shell textarea{font:inherit;color:var(--s33-text);background:var(--s33-bg-2);border:1px solid var(--s33-line-2);border-radius:var(--s33-radius-sm);padding:.55rem .7rem;outline:none;max-width:100%;transition:border-color .15s,box-shadow .15s}.s33-shell textarea{width:100%;min-height:70px;resize:vertical}.s33-shell input:focus,.s33-shell select:focus,.s33-shell textarea:focus{border-color:var(--s33-gold);box-shadow:0 0 0 3px var(--s33-gold-soft)}.s33-shell input[type=checkbox]{width:18px;height:18px;accent-color:var(--s33-gold-2)}.s33-shell label{display:block;margin-bottom:.6rem;font-size:.88rem;color:var(--s33-text)}.s33-shell button:not(.s33-btn):not(.s33-mod-tile):not(.s33-topnav-link):not(.s33-bottomnav-link){font:inherit;font-weight:600;cursor:pointer;color:#0a0b0f;background:linear-gradient(135deg,var(--s33-gold),var(--s33-gold-2));border:1px solid transparent;padding:.55rem 1rem;border-radius:var(--s33-radius-sm);margin-top:.4rem;margin-right:.4rem}.s33-shell button.secondary:not(.s33-btn){background:var(--s33-graphite-2);color:var(--s33-text);border-color:var(--s33-line-2)}.s33-shell button[disabled]{opacity:.6;cursor:not-allowed}.daily-checkin-form,.failure-log-form{display:grid;gap:.5rem}.today-command-card{background:var(--s33-bg-2);border:1px solid var(--s33-line);border-radius:var(--s33-radius-sm);padding:.9rem}.today-command-card.locked{opacity:.9}.command-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.command-actions{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.6rem}.command-meta{color:var(--s33-muted);font-size:.8rem}.lock-reason{color:#e7c98b}.daily-module-link,.daily-pattern-link,.daily-mentor-signal-card,.locked-card,.streak-badge,.token-balance-badge,.upgrade-prompt,.mentor-card,.feature-access-gate,.locked-feature-card{background:var(--s33-bg-2);border:1px solid var(--s33-line);border-radius:var(--s33-radius-sm);padding:.7rem;margin-bottom:.5rem}.muted{color:var(--s33-muted)}.small{font-size:.82rem}.errors{color:var(--s33-red);list-style:none;padding-left:0}.mentor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:.6rem}.s33-chat{display:flex;flex-direction:column;gap:.6rem}.s33-mode-row{display:flex;flex-wrap:wrap;gap:.4rem}.s33-mode-pill{font-size:.8rem;padding:.4rem .75rem;border-radius:999px;background:var(--s33-bg-2);border:1px solid var(--s33-line-2);color:var(--s33-muted);cursor:pointer}.s33-mode-pill.active{color:#0a0b0f;background:linear-gradient(135deg,var(--s33-gold),var(--s33-gold-2));border-color:transparent;font-weight:600}.s33-chat-window{min-height:180px;max-height:360px;overflow-y:auto;display:flex;flex-direction:column;gap:.5rem;padding:.3rem}.s33-bubble{max-width:85%;padding:.6rem .8rem;border-radius:12px;font-size:.88rem}.s33-bubble.user{align-self:flex-end;background:var(--s33-gold-soft);border:1px solid rgba(217,184,114,.3)}.s33-bubble.bot{align-self:flex-start;background:var(--s33-bg-2);border:1px solid var(--s33-line);color:var(--s33-muted)}.s33-chat-input{display:flex;gap:.5rem;align-items:flex-end}.s33-chat-input textarea{flex:1;min-height:44px}.s33-pending{display:flex;gap:.6rem;align-items:flex-start;background:var(--s33-bg-2);border:1px dashed var(--s33-line-2);border-radius:var(--s33-radius-sm);padding:.85rem;color:var(--s33-muted);font-size:.85rem}.s33-pending .ic{color:var(--s33-gold);font-size:1.1rem}.s33-stat-row{display:flex;justify-content:space-between;gap:1rem;padding:.45rem 0;border-bottom:1px solid var(--s33-line);font-size:.88rem}.s33-stat-row:last-child{border-bottom:0}.s33-stat-row .k{color:var(--s33-muted)}.s33-stat-row .v{font-weight:600}