.character-sprite{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;box-sizing:border-box;border-radius:50%;border:3px solid var(--ink, #151515);box-shadow:3px 3px 0 var(--ink, #151515);overflow:hidden;padding:3px;background:#fffef8}.character-sprite--xs{width:28px;height:28px;padding:3px;border-width:2px;box-shadow:1px 1px 0 var(--ink, #151515)}.character-sprite--sm{width:50px;height:50px;padding:7px;border-width:2.5px;box-shadow:2px 2px 0 var(--ink, #151515)}.character-sprite--md{width:72px;height:72px;padding:11px}.character-sprite--lg{width:94px;height:94px;padding:12px;border-width:3px;box-shadow:4px 4px 0 var(--ink, #151515)}.character-sprite__img{width:100%;height:100%;display:block;object-fit:contain;object-position:center center;transform:scale(1.06);transform-origin:center center;background-color:inherit}.character-sprite__svg{display:block;width:100%;height:100%}.character-sprite--jordan{background:#fce4ec}.character-sprite--taylor{background:#f1f8e9}.character-sprite--alex{background:#e3f2fd}.character-sprite--you{background:#fff9c4}.character-sprite--narrator{background:#e1bee7}.landing{position:relative;width:100%;min-height:100vh;overflow-x:hidden}.landing__inner{position:relative;z-index:1;max-width:920px;margin:0 auto;padding:2rem 1.25rem 3rem}.landing__sky{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#b3e5fc 0%,#e1f5fe 35%,#fff8e1 100%);z-index:0}.landing__sun{position:absolute;top:1.5rem;right:10%;width:56px;height:56px;border-radius:50%;background:#fff176;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.landing__cloud{position:absolute;background:#fff;border:3px solid var(--ink);border-radius:999px}.landing__cloud--1{width:80px;height:32px;top:4rem;left:8%}.landing__cloud--2{width:110px;height:38px;top:6rem;left:20%}@media (max-width: 768px){.landing__cloud{display:none}}.landing__header{position:relative;z-index:1;text-align:center;margin-bottom:2rem}.landing__kicker{display:inline-block;margin:0 0 .5rem;padding:.2rem .65rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;background:#ffcc80;border:3px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.landing__title{margin:0 0 .65rem;font-family:var(--font-display);font-size:clamp(1.85rem,5vw,2.65rem);font-weight:700;color:var(--ink);text-shadow:3px 3px 0 #fff;letter-spacing:-.02em}.landing__subtitle{margin:0 auto 1.25rem;max-width:460px;font-size:.9rem;font-weight:600;color:var(--ink-soft);line-height:1.55}.landing__parade{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:.5rem}.landing__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;max-width:720px;width:100%;margin-left:auto;margin-right:auto}.track-card{position:relative;height:185px;padding:1rem 1.1rem;border:3px solid var(--ink);border-radius:var(--radius-cartoon);background:#fff;box-shadow:var(--shadow-cartoon-sm);text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:.35rem;transition:transform .2s,box-shadow .2s}.track-card:not(:disabled):hover{transform:translate(-3px,-3px) rotate(-.5deg);box-shadow:7px 7px 0 var(--ink)}.track-card--locked{opacity:.68;cursor:not-allowed;filter:saturate(.65);background:#f5f5f5}.track-card__emoji{font-size:1.6rem;line-height:1}.track-card__title{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--ink);line-height:1.25}.track-card__hook{margin:.3rem 0 0;font-size:.8rem;font-weight:600;color:var(--ink-soft);line-height:1.5;text-align:left}.track-card__badge{font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-top:auto}.track-card__play{margin-top:auto;font-size:.78rem;font-weight:800;color:var(--primary-dark)}.track-card:not(:disabled){background:linear-gradient(160deg,#fff 0%,#e8eaf6 100%)}.track-intro{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#e1bee7 0%,#fff8e1 50%,#ffe0b2 100%)}.track-intro__inner{max-width:440px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.track-intro__card{width:100%;padding:1.6rem 1.5rem 1.5rem;background:#fff;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);display:flex;flex-direction:column;gap:0}.track-intro__episode{margin:0 0 .3rem;font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.track-intro__title{margin:0 0 .1rem;font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--ink);line-height:1.1}.track-intro__subtitle{margin:0 0 1.3rem;font-size:.88rem;font-weight:700;color:var(--ink-soft)}.track-intro__checklist{list-style:none;margin:0 0 1.3rem;padding:0;display:flex;flex-direction:column;gap:.55rem}.track-intro__checklist li{display:flex;align-items:baseline;gap:.55rem;font-size:.9rem;font-weight:600;color:var(--ink);line-height:1.45}.track-intro__check{font-family:var(--font-display);font-size:.75rem;font-weight:900;color:#7b1fa2;flex-shrink:0}.track-intro__callout{margin-bottom:1.4rem;padding:.75rem 1rem;background:#fff9c4;border:2px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.5}.track-intro__callout strong{font-weight:900}.proj-ctx{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#e1bee7 0%,#fff8e1 50%,#ffe0b2 100%)}.proj-ctx__inner{max-width:440px;width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:.75rem}.proj-ctx__card{width:100%;padding:1.6rem 1.5rem 1.5rem;background:#fff;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);display:flex;flex-direction:column;gap:0}.proj-ctx__kicker{margin:0 0 .3rem;font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-soft)}.proj-ctx__title{margin:0 0 .15rem;font-family:var(--font-display);font-size:1.6rem;font-weight:900;color:var(--ink);line-height:1.1}.proj-ctx__course{margin:0 0 1.1rem;font-size:.85rem;font-weight:700;color:var(--ink-soft)}.proj-ctx__desc{margin:0 0 1.3rem;font-size:.92rem;font-weight:600;color:var(--ink);line-height:1.55}.proj-ctx__desc strong{font-weight:900}.proj-ctx__tasks{margin-bottom:1.5rem;padding:.85rem 1rem;background:#fafafa;border:2px solid rgba(26,26,34,.12);border-radius:10px}.proj-ctx__tasks-label{display:block;margin-bottom:.6rem;font-family:var(--font-display);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.proj-ctx__task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.45rem}.proj-ctx__task{display:flex;align-items:center;gap:.55rem;font-size:.88rem;font-weight:600;color:var(--ink)}.proj-ctx__dot{width:9px;height:9px;border-radius:50%;flex-shrink:0;border:2px solid rgba(26,26,34,.3);background:transparent}.proj-ctx__dot--done{background:#4caf50;border-color:#4caf50}.proj-ctx__task-label{flex:1}.proj-ctx__task-status{font-size:.7rem;font-weight:700;color:#4caf50}.proj-ctx__task-status--pending{color:#1a1a2259}.proj-ctx__cta{align-self:flex-start}.char-intro{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:1rem 1.5rem 1.5rem;background:linear-gradient(180deg,#e1bee7 0%,#fff8e1 50%,#ffe0b2 100%)}.char-intro__inner{max-width:780px;width:100%;display:flex;flex-direction:column;align-items:center;gap:.6rem}.char-intro__inner .flow-nav{align-self:flex-start}.char-intro__kicker{margin:0 0 -.35rem;font-family:var(--font-display);font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}.char-intro__you-row{width:100%;display:flex;justify-content:center}.char-intro__you-card{display:flex;align-items:center;gap:.75rem;padding:.65rem 1.25rem;background:#ede7f6;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);width:100%}.char-intro__you-identity{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.char-intro__you-identity .char-card__role{margin-bottom:0}.char-intro__you-label{font-family:var(--font-display);font-size:1.1rem;font-weight:900;color:var(--ink)}.char-intro__you-desc{margin:0;font-size:.8rem;font-weight:600;color:var(--ink);flex:1}.char-intro__cards{display:flex;gap:1rem;justify-content:center;width:100%}.char-card{flex:1;padding:1rem 1rem 1.1rem;background:var(--char-color);border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);display:flex;flex-direction:column;align-items:center;gap:.5rem;text-align:center}.char-card .character-sprite--lg{width:64px;height:64px;padding:8px}.char-card__name{margin:0;font-family:var(--font-display);font-size:1.2rem;font-weight:900;color:var(--ink);letter-spacing:-.01em}.char-card__role{display:inline-block;font-size:.65rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);background:rgba(255,255,255,.7);border:1.5px solid rgba(26,26,34,.18);border-radius:99px;padding:.15rem .55rem;margin-bottom:.2rem}.char-card__traits{list-style:none;padding:0;margin:0;text-align:left;width:100%;display:flex;flex-direction:column;gap:.45rem}.char-card__traits li{font-size:.8rem;font-weight:600;color:var(--ink);line-height:1.5;padding:.35rem .6rem;background:rgba(255,255,255,.55);border-radius:8px;border:1.5px solid rgba(26,26,34,.12)}.char-intro__context{background:#fff;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);padding:.6rem 1.4rem 1rem;width:100%;text-align:left;display:flex;flex-direction:column;gap:.4rem;margin-top:.25rem}.char-intro__context-label{display:block;margin-bottom:0;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);text-align:center}.char-intro__context p{margin:0;font-size:1rem;font-weight:600;color:var(--ink);line-height:1.55}.char-intro__context strong{font-weight:900}.char-intro__tasks{border-top:1.5px dashed rgba(26,26,34,.15);padding-top:.75rem}.char-intro__tasks-label{display:block;margin-bottom:.5rem;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.char-intro__task-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.char-intro__task-list li{display:flex;align-items:center;gap:.5rem;font-size:.95rem;font-weight:600;color:var(--ink)}.char-intro__task-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:2px solid var(--ink)}.char-intro__task-dot--done{background:#4caf50;border-color:#4caf50}.char-intro__task-dot--pending{background:transparent}.char-intro__task-status{margin-left:auto;font-size:.78rem;font-weight:700;color:#4caf50}.char-intro__task-status--pending{color:#1a1a2266}.char-intro__cta{margin-top:.25rem}.chat-interface{width:780px;height:580px;flex-shrink:0;display:flex;flex-direction:column;background:var(--surface);border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);overflow:hidden}.chat-interface__label{display:flex;align-items:center;gap:.4rem;padding:.45rem .75rem;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(90deg,#e1bee7,#b3e5fc);border-bottom:3px solid var(--ink);color:var(--ink)}.chat-interface__time{margin-left:auto;padding:.15rem .5rem;font-size:.6rem;font-weight:700;letter-spacing:.05em;background:rgba(255,255,255,.55);border:1.5px solid var(--ink);border-radius:20px;color:var(--ink);white-space:nowrap}.chat-interface__label--dm{background:linear-gradient(90deg,#bbdefb 0%,#e3f2fd 100%);gap:.65rem;padding:.4rem .85rem;text-transform:none;letter-spacing:0;align-items:center}.chat-interface__dm-info{display:flex;flex-direction:column;gap:.1rem}.chat-interface__dm-name{font-family:var(--font-display);font-size:.85rem;font-weight:700;color:var(--ink);line-height:1}.chat-interface__dm-sub{font-family:var(--font);font-size:.62rem;font-weight:600;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em}.chat-interface--dm .chat-scroll{background:#fff}.chat-interface__pin{width:10px;height:10px;border-radius:50%;background:#ef5350;border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink)}.chat-scroll{flex:1;overflow-y:auto;padding:1rem .9rem .75rem;scroll-behavior:smooth;background:#fff}.chat-line{display:flex;align-items:flex-end;gap:.5rem;margin-bottom:1rem}.chat-line--you{flex-direction:row;justify-content:flex-end}.chat-line--them{flex-direction:row;justify-content:flex-start}.chat-bubble{max-width:72%;padding:.55rem .8rem .65rem;border-radius:18px;border:3px solid var(--ink)}.chat-bubble--you{background:#fff9c4;border-bottom-right-radius:5px;box-shadow:3px 3px 0 var(--ink)}.chat-bubble--you .chat-name{color:var(--ink-soft)}.chat-bubble--you .chat-text{color:var(--ink)}.chat-bubble--them{border-bottom-left-radius:5px;box-shadow:3px 3px 0 var(--ink)}.chat-bubble--jordan{background:#fce4ec}.chat-bubble--taylor{background:#e8f5e9}.chat-bubble--alex{background:#e3f2fd}.chat-bubble--typing{min-width:120px;padding-bottom:.5rem}.chat-name{display:block;font-family:var(--font-display);font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.25rem}.chat-text{margin:0;font-size:.88rem;font-weight:600;line-height:1.5;color:var(--ink)}.chat-choices-wrapper{display:flex;flex-direction:column;gap:.6rem;margin:2rem -.9rem 1rem}.chat-choices__question{align-self:stretch;text-align:center;padding:.75rem 1.1rem;background:#fff;border-top:2px solid var(--ink)}.chat-choices__your-move{display:inline-block;margin-bottom:.35rem;padding:.15rem .55rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffe600;color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink)}.chat-choices__prompt{margin:0;font-size:.88rem;font-weight:700;font-style:italic;color:var(--ink);line-height:1.45}.chat-bubble--choices{max-width:85%}.chat-choices__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}.chat-choice-btn{display:block;width:100%;padding:.5rem .7rem;text-align:left;font-size:.88rem;font-weight:700;color:var(--ink);background:rgba(255,255,255,.55);border:2px solid var(--ink);border-radius:10px;cursor:pointer;transition:background .12s,transform .12s,box-shadow .12s;line-height:1.4}.chat-choice-btn__label{display:block;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.2rem}.chat-choice-btn:hover:not(:disabled){background:#fff;transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.chat-choice-btn:active:not(:disabled){transform:translate(0);box-shadow:none}.chat-choice-btn:disabled{opacity:.4;cursor:not-allowed}.chat-choice-btn--custom-toggle{font-style:italic;opacity:.7;border-style:dashed}.chat-choice-btn--custom-toggle:hover:not(:disabled){opacity:1}.chat-choice-custom{display:flex;flex-direction:column;gap:.4rem}.chat-choice-custom__input{width:100%;padding:.45rem .6rem;font-family:var(--font);font-size:.85rem;font-weight:600;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:10px;resize:none;outline:none;line-height:1.45}.chat-choice-custom__send{align-self:flex-end}.chat-multiselect{padding:0 .9rem .25rem;display:flex;flex-direction:column;gap:.6rem}.chat-multiselect__submit{align-self:flex-end;margin-top:.25rem}.chat-choice-btn--toggle{display:flex;align-items:center;gap:.5rem;background:rgba(255,255,255,.7)}.chat-choice-btn--selected{background:#fff9c4;border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.chat-choice-btn__check{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border:2px solid var(--ink);border-radius:4px;font-size:.7rem;font-weight:900;flex-shrink:0;background:#fff;color:var(--ink)}.chat-choice-btn--selected .chat-choice-btn__check{background:#ffe600}.chat-closing{margin:.75rem .5rem .25rem}.chat-decision-panel{flex-shrink:0;background:#fff;padding:0 .9rem}.chat-decision-panel .chat-choices-wrapper{margin-top:0;margin-bottom:0}.chat-sticky{flex-shrink:0;border-top:2px solid var(--ink);padding:.65rem .75rem;background:#fff}.scene-panel{padding:.75rem 1rem;background:#e1bee7;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon)}.scene-panel__badge{display:inline-block;margin-bottom:.4rem;padding:.15rem .5rem;font-family:var(--font-display);font-size:.62rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:#fff;border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.scene-panel__text{margin:0;font-size:.88rem;font-weight:600;font-style:italic;color:var(--ink);line-height:1.55}.chat-divider{display:flex;align-items:center;gap:.5rem;margin:.75rem .9rem}.chat-divider__line{flex:1;border-top:1.5px dashed rgba(26,26,34,.18)}.chat-divider__label{font-family:var(--font-display);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#1a1a2259;white-space:nowrap}.chat-narration{margin:.6rem 0;padding:.35rem 0;display:flex;flex-direction:column;align-items:center;gap:.12rem;text-align:center}.chat-narration__tag{font-family:var(--font-display);font-size:.52rem;font-weight:700;text-transform:uppercase;letter-spacing:.18em;color:var(--ink-soft)}.chat-narration__text{margin:0;font-size:.84rem;font-weight:600;font-style:italic;color:var(--ink);line-height:1.5}.chat-thought{display:flex;justify-content:flex-end;margin:.25rem 0 1rem;padding-left:2.5rem}.chat-thought__box{max-width:80%;padding:.5rem .8rem .55rem;background:#fff9c4;border:2px dashed rgba(26,26,34,.3);border-radius:18px 18px 5px;box-shadow:2px 2px #1a1a2214}.chat-thought__tag{display:block;margin-bottom:.25rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#7b1fa2}.chat-thought__text{margin:0;font-size:.85rem;font-weight:600;font-style:italic;color:var(--ink);line-height:1.5}.typing-dots{display:flex;gap:5px;padding:6px 0 2px}.typing-dots span{width:8px;height:8px;border-radius:50%;background:var(--ink);opacity:.35;animation:bounce 1.1s ease-in-out infinite}.typing-dots span:nth-child(2){animation-delay:.15s}.typing-dots span:nth-child(3){animation-delay:.3s}@keyframes bounce{0%,60%,to{transform:translateY(0);opacity:.3}30%{transform:translateY(-5px);opacity:1}}.animate-pop-in{animation:popIn 1s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes popIn{0%{opacity:0;transform:scale(.94) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.skills-notebook{width:780px;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);overflow:hidden;background:#faf8f0}.skills-notebook__cover{position:relative;padding:.45rem 2rem;background:#ffcc80;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:center}.skills-nav-btn{position:absolute;top:50%;transform:translateY(-50%);background:none;border:none;padding:0 .5rem;font-size:.9rem;font-weight:800;color:var(--ink);cursor:pointer;line-height:1;opacity:.6;transition:opacity .12s}.skills-nav-btn--left{left:.25rem}.skills-nav-btn--right{right:.25rem}.skills-nav-btn:hover:not(:disabled){opacity:1}.skills-nav-btn:disabled{opacity:.2;cursor:default}.skills-notebook__cover--toggle{width:100%;cursor:pointer;background:#ffcc80;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background .15s}.skills-notebook__cover--toggle:hover{background:#ffb74d}.skills-notebook__title{text-align:center;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink)}.skills-notebook__chevron{font-size:.55rem;color:var(--ink);opacity:.6}.skills-tracker{display:flex;width:100%;background:transparent}.skill-step--collapsed{padding-top:.45rem;padding-bottom:.45rem;background-image:none!important}.skill-step{flex:1;padding:.65rem .7rem .6rem;border-right:2px dashed rgba(26,26,34,.18);transition:background .2s;background-image:repeating-linear-gradient(transparent,transparent 19px,rgba(26,26,34,.055) 19px,rgba(26,26,34,.055) 20px)}.skill-step:last-child{border-right:none}.skill-step .skill-step__dot{background:rgba(26,26,34,.08);color:var(--ink-soft)}.skill-step .skill-step__label{color:var(--ink-soft)}.skill-step--active{background-color:#fff9c4;background-image:repeating-linear-gradient(transparent,transparent 19px,rgba(26,26,34,.07) 19px,rgba(26,26,34,.07) 20px)}.skill-step--active .skill-step__dot{background:#ffe600;color:var(--ink);border-color:var(--ink)}.skill-step--active .skill-step__label{color:var(--ink);font-weight:800}.skill-step--done{background-color:#fff3cd;background-image:repeating-linear-gradient(transparent,transparent 19px,rgba(26,26,34,.06) 19px,rgba(26,26,34,.06) 20px)}.skill-step--done .skill-step__dot{background:#f5b800;color:var(--ink);border-color:var(--ink)}.skill-step--done .skill-step__label{color:var(--ink-soft)}.skill-step__top{display:flex;align-items:center;gap:.4rem}.skill-step__dot{display:inline-flex;align-items:center;justify-content:center;width:1.3rem;height:1.3rem;border-radius:50%;border:2px solid rgba(26,26,34,.2);font-family:var(--font-display);font-size:.6rem;font-weight:900;flex-shrink:0;line-height:1}.skill-step__label{font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;line-height:1.2}.skill-step__note{margin:.3rem 0 0;font-size:.76rem;font-weight:800;font-style:italic;color:var(--ink);line-height:1.4}.skill-step__note-list{list-style:none;padding:0;margin:.3rem 0 0;display:flex;flex-direction:column;gap:.18rem}.skill-step__note-list li{font-size:.74rem;font-weight:600;font-style:italic;color:var(--ink-soft);line-height:1.35;padding-left:.8rem;position:relative}.skill-step__note-list li:before{content:"·";position:absolute;left:.2rem;font-size:1rem;line-height:1;font-style:normal}.skill-step__rich-list{display:flex;flex-direction:column;gap:.5rem;margin-top:.3rem}.skill-step__item-divider{height:1.5px;background:rgba(26,26,34,.85);margin:.35rem 0}.skill-step__q-header{margin:0 0 .2rem;font-size:.78rem;font-weight:700;font-style:italic;color:var(--ink);line-height:1.4}.skill-step__chat-item{display:flex;flex-direction:column;gap:.2rem}.skill-step__chat-header{display:flex;align-items:center;gap:.3rem}.skill-step__chat-name{font-family:var(--font-display);font-size:.7rem;font-weight:800;color:var(--ink)}.skill-step__chat-q{margin:0 0 .15rem;font-size:.7rem;font-weight:600;font-style:italic;color:var(--ink-soft);line-height:1.35;padding-left:.25rem}.skill-step__chat-bubble{padding:.3rem .5rem;border-radius:10px 10px 10px 3px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);font-size:.73rem;font-weight:600;color:var(--ink);line-height:1.4}.skill-step__chat-bubble--jordan{background:#fce4ec}.skill-step__chat-bubble--taylor{background:#e8f5e9}.skill-step__badge-item{display:flex;flex-direction:column;gap:.2rem;padding:.3rem .5rem;border-radius:10px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);background:#fff}.skill-step__badge-item--best{background:#e8f5e9}.skill-step__badge-item--mid{background:#fff9c4}.skill-step__badge-item--caution{background:#fff3e0}.skill-step__badge-item--worst{background:#fce4ec}.skill-step__badge-text{font-size:.73rem;font-weight:700;font-style:italic;color:var(--ink);line-height:1.3}.skill-step__note-badge{display:inline-block;font-size:.62rem;font-weight:700;font-style:normal;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft);background:rgba(26,26,34,.07);border-radius:3px;padding:.05rem .3rem;align-self:flex-start}.scene-stage{position:relative;min-height:100vh;padding:0 0 2rem;overflow:hidden}.scene-stage--study{background:linear-gradient(180deg,#b3e5fc 0%,#e1f5fe 28%,#fff8e1 55%,#ffe0b2 100%)}.scene-stage--late{background:linear-gradient(180deg,#90caf9 0%,#e3f2fd 35%,#fff3e0 70%,#ffcc80 100%)}.scene-stage__decor{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.scene-stage__sun{position:absolute;top:1.25rem;right:8%;width:52px;height:52px;border-radius:50%;background:#fff176;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.scene-stage__cloud{position:absolute;background:#fff;border:3px solid var(--ink);border-radius:999px;opacity:.95;box-shadow:3px 3px #1a1a221f}.scene-stage__cloud--1{width:72px;height:28px;top:3.5rem;left:6%}.scene-stage__cloud--2{width:96px;height:34px;top:5.5rem;left:18%}@media (max-width: 768px){.scene-stage__cloud{display:none}}.scene-stage__plate{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:0 1.25rem}.scene-stage__nav{padding-top:.75rem}.scene-stage__header{text-align:center;padding:1.5rem .5rem 1rem}.scene-stage__badge{display:inline-block;margin-bottom:.5rem;padding:.25rem .65rem;font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;background:#ffcc80;border:3px solid var(--ink);border-radius:999px;box-shadow:2px 2px 0 var(--ink)}.scene-stage__title{margin:0;font-family:var(--font-display);font-size:clamp(1.35rem,4vw,1.85rem);font-weight:700;color:var(--ink);text-shadow:2px 2px 0 #fff;letter-spacing:-.02em}.scene-stage__tagline{margin:.4rem 0 0;font-size:.9rem;font-weight:600;color:var(--ink-soft);max-width:28rem;margin-left:auto;margin-right:auto;line-height:1.4}.scene-stage__cast{margin-bottom:1rem;padding:.75rem .85rem;background:rgba(255,255,255,.88);border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:4px 4px 0 var(--ink)}.scene-stage__cast-label{margin:0 0 .5rem;font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft)}.scene-stage__cast-row{display:flex;flex-wrap:wrap;gap:.5rem .65rem;justify-content:center}.scene-stage__actor{display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.35rem .45rem;border-radius:12px;border:2px dashed transparent;transition:transform .2s,border-color .2s,background .2s}.scene-stage__actor--lit{background:#fff9c4;border-color:var(--ink);transform:scale(1.04)}.scene-stage__actor--you{background:#f3e5f5;border:2px solid #ab47bc;transform:scale(1.04)}.scene-stage__actor-name{font-family:var(--font-display);font-size:.65rem;font-weight:700;color:var(--ink)}.scene-stage__main{display:flex;flex-direction:column;gap:.75rem}.igp{width:100%;height:100%;background:#fff;display:flex;flex-direction:column;overflow:hidden}.igp__header{display:flex;align-items:center;justify-content:space-between;padding:.6rem .9rem;border-bottom:2px solid var(--ink);background:#fafafa;flex-shrink:0}.igp__header-left{display:flex;align-items:center;gap:.55rem}.igp__avatars{display:flex}.igp__avatars>*+*{margin-left:-6px}.igp__header-info{display:flex;flex-direction:column;gap:.05rem}.igp__header-name{font-family:var(--font-display);font-size:.85rem;font-weight:900;color:var(--ink);line-height:1.2}.igp__header-sub{font-size:.68rem;font-weight:600;color:var(--ink-soft)}.igp__private-badge{display:inline-block;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);background:#e3f2fd;border:2px solid var(--ink);border-radius:6px;padding:.15rem .55rem}.igp__thread{flex:1;overflow-y:auto;padding:.75rem .9rem;display:flex;flex-direction:column;gap:.5rem}.igp__thread-hint{margin:0 0 .25rem;font-size:.72rem;font-weight:600;font-style:italic;color:#1a1a2259;text-align:center}.igp__thread-group{display:flex;flex-direction:column;gap:.35rem}.igp__msg{display:flex;align-items:flex-end;gap:.4rem}.igp__msg--you{flex-direction:row-reverse}.igp__bubble{max-width:78%;padding:.4rem .6rem .45rem;border:2px solid var(--ink);border-radius:14px;display:flex;flex-direction:column;gap:.18rem}.igp__bubble--you{background:#fff9c4;border-bottom-right-radius:3px}.igp__bubble--jordan{background:#fce4ec;border-bottom-left-radius:3px}.igp__bubble--taylor{background:#e8f5e9;border-bottom-left-radius:3px}.igp__bubble-name{font-family:var(--font-display);font-size:.62rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);opacity:.6}.igp__bubble-text{margin:0;font-size:.8rem;font-weight:600;color:var(--ink);line-height:1.45}.igp__typing-dots{display:flex;gap:3px;align-items:center;padding:.1rem}.igp__typing-dots span{width:6px;height:6px;border-radius:50%;background:var(--ink);opacity:.4;animation:igpBounce 1s ease-in-out infinite}.igp__typing-dots span:nth-child(2){animation-delay:.15s}.igp__typing-dots span:nth-child(3){animation-delay:.3s}@keyframes igpBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-5px);opacity:.9}}.igp__tray{flex-shrink:0;border-top:2px solid var(--ink);background:#fafafa;padding:.6rem .9rem .7rem;display:flex;flex-direction:column;gap:.5rem}.igp__tray-header{display:flex;flex-direction:column;align-items:flex-start;gap:.55rem}.igp__tray-prompt{margin:0;font-size:.75rem;font-weight:600;font-style:italic;color:var(--ink);line-height:1.4}.igp__tray-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}.igp__q-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;font-size:.75rem;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:99px;cursor:pointer;line-height:1.3;transition:background .12s,transform .1s,box-shadow .1s}.igp__q-btn:hover:not(:disabled){background:#fff9c4;transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--ink)}.igp__q-btn--asked{background:#f0f0f0;color:#1a1a2259;border-color:#1a1a2233;cursor:default}.igp__q-btn--locked{opacity:.3;cursor:not-allowed}.igp__q-check{font-size:.65rem;font-weight:900}.igp__tray-footer{display:flex;justify-content:flex-end}.ag{width:100%;height:100%;background:#fff;display:flex;flex-direction:column}.ag__header{padding:.75rem 1rem .7rem;border-bottom:2px solid var(--ink);flex-shrink:0}.ag__title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.ag__your-move{display:inline-block;padding:.15rem .55rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffe600;color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink)}.ag__hint-text{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--ink-soft)}.ag__intro{margin:0 0 .25rem;font-size:.82rem;font-weight:600;font-style:italic;color:var(--ink);line-height:1.45}.ag__prompt{margin:0;font-size:.82rem;font-weight:600;font-style:italic;color:var(--ink);line-height:1.45}.ag__body{flex:1;display:flex;gap:0;min-height:0}.ag__tray.shake{border-right-color:var(--ink)!important}.ag__tray{width:180px;flex-shrink:0;border-right:2px solid var(--ink);padding:.65rem .7rem;display:flex;flex-direction:column;gap:.4rem;background:#fafafa}.ag__tray-label{font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft);flex-shrink:0;margin-bottom:.1rem}.ag__tray-card{padding:.5rem .65rem;background:#fff;border:2px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);font-size:.83rem;font-weight:700;color:var(--ink);line-height:1.35;cursor:grab;transition:transform .1s,box-shadow .1s,opacity .15s;-webkit-user-select:none;user-select:none}.ag__tray-card:hover:not(.ag__tray-card--placed){background:#fff8e1;transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--ink)}.ag__tray-card:active{cursor:grabbing}.ag__tray-card--placed{opacity:.35;cursor:default;text-decoration:line-through;box-shadow:none}.ag__field-wrap{flex:1;position:relative;padding:1.6rem 1.6rem 1.4rem 2rem}.ag__axis-label{position:absolute;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);pointer-events:none}.ag__axis-label--top{top:.35rem;left:50%;transform:translate(-50%)}.ag__axis-label--bottom{bottom:.25rem;left:50%;transform:translate(-50%)}.ag__axis-label--left{left:.2rem;top:50%;writing-mode:vertical-lr;transform:translateY(-50%) rotate(180deg);white-space:nowrap}.ag__axis-label--right{right:.2rem;top:50%;writing-mode:vertical-lr;transform:translateY(-50%);white-space:nowrap}.ag__field{width:100%;height:100%;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;border:2px solid var(--ink);border-radius:10px;overflow:hidden}.ag__quad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.5rem;min-height:0}.ag__quad--tl{background:rgba(76,175,80,.15)}.ag__quad--tr{background:rgba(33,150,243,.14)}.ag__quad--bl{background:rgba(255,214,0,.18)}.ag__quad--br{background:rgba(233,30,99,.1)}.ag__quad--over{background-image:linear-gradient(rgba(255,253,231,.65),rgba(255,253,231,.65))}.ag__line{position:absolute;background:rgba(26,26,34,.18);pointer-events:none;z-index:1}.ag__line--h{top:50%;left:0;width:100%;height:2px;transform:translateY(-50%)}.ag__line--v{left:50%;top:0;width:2px;height:100%;transform:translate(-50%)}.ag__chip{position:relative;z-index:2;padding:.28rem .5rem;background:#fff;border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);font-size:.83rem;font-weight:700;color:var(--ink);line-height:1.3;text-align:center;cursor:grab;-webkit-user-select:none;user-select:none;max-width:90%;word-break:break-word;transition:box-shadow .1s,transform .1s}.ag__chip:hover{background:#fff8e1;box-shadow:3px 3px 0 var(--ink);transform:translate(-1px,-1px)}.ag__chip:active{cursor:grabbing}.ag__footer{padding:.6rem .85rem;border-top:2px solid var(--ink);display:flex;justify-content:flex-end;flex-shrink:0;background:#fff}.cast-panel{position:absolute;top:0;left:calc(100% + .65rem);width:240px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);z-index:20;overflow:hidden}.cast-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem .45rem;border-bottom:2px solid var(--ink);background:#fff9c4}.cast-panel__title{font-family:var(--font-display);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.cast-panel__close{background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:700;color:var(--ink-soft);padding:.1rem .2rem;line-height:1}.cast-panel__close:hover{color:var(--ink)}.cast-panel__list{display:flex;flex-direction:column}.cast-panel__char{padding:.65rem .75rem;border-bottom:2px solid rgba(26,26,34,.08);background:var(--char-color)}.cast-panel__char:last-child{border-bottom:none}.cast-panel__char-header{display:flex;align-items:center;gap:.45rem;margin-bottom:.45rem}.cast-panel__char-name{font-family:var(--font-display);font-size:.85rem;font-weight:900;color:var(--ink)}.cast-panel__char-role{display:inline-block;font-size:.6rem;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:var(--ink);background:rgba(255,255,255,.7);border:1.5px solid rgba(26,26,34,.15);border-radius:99px;padding:.1rem .45rem;margin-left:auto}.cast-panel__traits{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.cast-panel__traits li{font-size:.72rem;font-weight:600;color:var(--ink);line-height:1.45;padding:.28rem .5rem;background:rgba(255,255,255,.6);border-radius:6px;border:1.5px solid rgba(26,26,34,.1)}.history-panel{position:absolute;top:0;right:calc(100% + .65rem);width:240px;max-height:420px;background:#fff;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);z-index:20;overflow:hidden;display:flex;flex-direction:column}.history-panel__header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .7rem .45rem;border-bottom:2px solid var(--ink);background:#fff9c4;flex-shrink:0}.history-panel__title{font-family:var(--font-display);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink)}.history-panel__close{background:none;border:none;cursor:pointer;font-size:.75rem;font-weight:700;color:var(--ink-soft);padding:.1rem .2rem;line-height:1}.history-panel__close:hover{color:var(--ink)}.history-panel__list{overflow-y:auto;padding:.55rem .7rem;display:flex;flex-direction:column;gap:.55rem;flex:1}.history-panel__empty{margin:.3rem 0;font-size:.75rem;font-style:italic;color:var(--ink-soft);text-align:center}.history-panel__msg{display:flex;align-items:flex-start;gap:.35rem}.history-panel__msg-body{display:flex;flex-direction:column;gap:.08rem;flex:1;min-width:0}.history-panel__msg-name{font-family:var(--font-display);font-size:.58rem;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.history-panel__msg--you .history-panel__msg-name{color:#ab47bc}.history-panel__msg--jordan .history-panel__msg-name{color:#e91e63}.history-panel__msg--taylor .history-panel__msg-name{color:#2e7d32}.history-panel__msg--alex .history-panel__msg-name{color:#1565c0}.history-panel__msg-text{margin:0;font-size:.72rem;font-weight:600;color:var(--ink);line-height:1.45;word-break:break-word}.history-panel__msg--system .history-panel__msg-text{font-style:italic;color:var(--ink-soft)}.prob-id{display:flex;flex-direction:column;gap:.55rem}.prob-id__prompt{margin:0;font-family:var(--font-display);font-size:.78rem;font-weight:800;color:var(--ink)}.prob-id__textarea{resize:none;padding:.45rem .6rem;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--ink);background:#fafafa;border:2px solid rgba(26,26,34,.22);border-radius:8px;outline:none;line-height:1.5;transition:border-color .15s,box-shadow .15s}.prob-id__textarea:focus{background:#fff;border-color:#ffe600;box-shadow:0 0 0 2.5px #ffe60047}.prob-id__textarea::placeholder{color:#1a1a2259;font-style:italic}.prob-id__footer{display:flex;justify-content:flex-end}.prob-id--msg-wrapper{margin:0 -.75rem -.65rem}.prob-id__msg-question{border-top:none;padding-left:1.65rem;padding-right:1.65rem}.prob-id__msg-bubble{max-width:92%;width:92%;display:flex;flex-direction:column;gap:.35rem}.prob-id__msg-textarea{resize:none;padding:.3rem 0;font-family:var(--font-body);font-size:.88rem;font-weight:500;color:var(--ink);background:transparent;border:none;border-bottom:1.5px dashed rgba(26,26,34,.25);border-radius:0;outline:none;line-height:1.5;width:100%}.prob-id__msg-textarea:focus{border-bottom-color:#1a1a228c}.prob-id__msg-textarea::placeholder{color:#1a1a2261;font-style:italic}.prob-id__msg-footer{display:flex;justify-content:flex-end;margin-top:.1rem}.btn-primary--sm{font-size:.75rem;padding:.3rem .75rem}.pp{display:flex;flex-direction:column;gap:.85rem;padding:1rem 1.1rem 1.1rem;background:#fff;overflow-y:auto;height:100%;box-sizing:border-box}.pp__prompt{margin:0;font-size:.88rem;font-weight:600;color:var(--ink)}.pp__sub{margin:-.4rem 0 0;font-size:.8rem;color:#777}.pp__hint{display:flex;align-items:flex-start;gap:.45rem;padding:.55rem .75rem;background:#fffde7;border:2px dashed #f9c700;border-radius:8px;font-size:.8rem;font-weight:600;color:#5a4a00;line-height:1.45}.pp__options{display:flex;flex-wrap:wrap;gap:.6rem}.pp__option{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .8rem;text-align:left;font-size:.83rem;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:var(--radius-btn);box-shadow:2px 2px 0 var(--ink);cursor:pointer;line-height:1.4;transition:background .12s,transform .12s,box-shadow .12s}.pp__option:hover:not(:disabled):not(.pp__option--selected){background:#fff8e1;transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.pp__option:active:not(:disabled){transform:translate(0);box-shadow:1px 1px 0 var(--ink)}.pp__option--selected{background:#fffde7;border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}.pp__option:disabled{opacity:.5;cursor:not-allowed}.pp__option-check{flex-shrink:0;font-size:.72rem;font-weight:900;color:var(--ink)}.pp__reason{margin-top:1rem;display:flex;flex-direction:column;gap:.42rem;flex:1}.pp__reason-label{font-size:.84rem;font-weight:600;color:var(--ink)}.pp__reason-input{width:100%;flex:1;resize:none;padding:.45rem .6rem;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--ink);background:#fafafa;border:2px solid rgba(26,26,34,.22);border-radius:8px;outline:none;line-height:1.5;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.pp__reason-input:focus{background:#fff;border-color:#ffe600;box-shadow:0 0 0 2.5px #ffe60047}.pp__reason-input::placeholder{color:#1a1a2259;font-style:italic}.pp__submit{align-self:flex-end}.bp{display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.1rem 1.1rem;background:#fff;height:100%;overflow-y:auto;box-sizing:border-box}.bp__prompt{margin:0;font-size:.88rem;font-weight:600;color:var(--ink)}.bp__context{display:flex;flex-direction:column;gap:.55rem;padding:.75rem .9rem;background:#fffde7;border:2px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink)}.bp__context-block{display:flex;flex-direction:column;gap:.2rem}.bp__context-label{font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-soft)}.bp__context-text{margin:0;font-size:.84rem;font-weight:700;color:var(--ink);line-height:1.45}.bp__context-text--quoted{font-style:italic;font-weight:600}.bp__divider{height:1.5px;background:rgba(26,26,34,.1);margin:-.1rem 0}.bp__question{display:flex;flex-direction:column;gap:.4rem;flex:1}.bp__question-label{font-size:.86rem;font-weight:700;color:var(--ink);line-height:1.4}.bp__textarea{width:100%;flex:1;resize:none;padding:.45rem .6rem;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--ink);background:#fafafa;border:2px solid rgba(26,26,34,.22);border-radius:8px;outline:none;line-height:1.5;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.bp__textarea:focus{background:#fff;border-color:#ffe600;box-shadow:0 0 0 2.5px #ffe60047}.bp__textarea::placeholder{color:#1a1a2259;font-style:italic}.bp__textarea:disabled{opacity:.5;cursor:not-allowed}.bp__submit{align-self:flex-end;margin-top:.5rem}.drp{display:flex;flex-direction:column;height:100%;background:#fff;overflow:hidden}.drp__thread-header{display:flex;align-items:center;gap:.4rem;flex-shrink:0;padding:.45rem .75rem;font-family:var(--font-display);font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;background:linear-gradient(90deg,#e1bee7,#b3e5fc);border-bottom:2px solid var(--ink);color:var(--ink)}.drp__thread-pin{width:10px;height:10px;border-radius:50%;background:#ef5350;border:2px solid var(--ink);box-shadow:1px 1px 0 var(--ink);flex-shrink:0}.drp__thread-body{flex:1;display:flex;flex-direction:column;justify-content:flex-end;padding:.9rem .9rem .6rem;overflow-y:auto}.drp__pending-line{display:flex;justify-content:flex-end}.drp__pending-bubble{max-width:80%;padding:.55rem .8rem .65rem;background:#fff9c4;border:3px solid var(--ink);border-radius:18px 18px 5px;box-shadow:3px 3px 0 var(--ink)}.drp__pending-name{display:block;font-family:var(--font-display);font-size:.63rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);margin-bottom:.25rem}.drp__pending-text{margin:0;font-size:.88rem;font-weight:600;line-height:1.5;color:var(--ink)}.drp__pre-send{display:flex;align-items:center;gap:.5rem;padding:0 .9rem;margin-bottom:.3rem}.drp__pre-send-line{flex:1;border-top:1.5px dashed rgba(26,26,34,.15)}.drp__pre-send-label{font-family:var(--font-display);font-size:.55rem;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:#1a1a2259;white-space:nowrap}.drp__warning{margin:0 .9rem .1rem;font-size:.82rem;font-weight:600;font-style:italic;color:#1a1a228c;text-align:center;line-height:1.45}.drp__compose{flex-shrink:0;border-top:2px solid var(--ink);padding:.7rem .9rem .8rem;display:flex;flex-direction:column;gap:.55rem;background:#fafafa}.drp__compose-hint{margin:0;font-size:.72rem;font-weight:600;font-style:italic;color:#1a1a2273;line-height:1.45}.drp__field{display:flex;flex-direction:column;gap:.25rem}.drp__label{font-size:.78rem;font-weight:700;color:var(--ink)}.drp__textarea{width:100%;resize:none;padding:.4rem .6rem;font-family:var(--font-body);font-size:.82rem;font-weight:500;color:var(--ink);background:#fff;border:2px solid rgba(26,26,34,.22);border-radius:8px;outline:none;line-height:1.5;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.drp__textarea:focus{border-color:#ffe600;box-shadow:0 0 0 2.5px #ffe60047}.drp__textarea::placeholder{color:#1a1a2259;font-style:italic}.drp__textarea:disabled{opacity:.5;cursor:not-allowed}.drp__sentence-box{border:2px solid rgba(26,26,34,.22);border-radius:8px;background:#fafafa;overflow:hidden;transition:border-color .15s,box-shadow .15s}.drp__sentence-box:focus-within{background:#fff;border-color:#ffe600;box-shadow:0 0 0 2.5px #ffe60047}.drp__sentence-prefix{display:block;padding:.4rem .6rem .15rem;font-family:var(--font-body);font-size:.82rem;font-weight:700;color:var(--ink);line-height:1.45;-webkit-user-select:none;user-select:none;pointer-events:none}.drp__sentence-input{display:block;width:100%;padding:0 .6rem .4rem;background:transparent;border:none;outline:none;resize:none;font-family:var(--font-body);font-size:.82rem;font-weight:500;font-style:italic;color:var(--ink);line-height:1.5;box-sizing:border-box}.drp__sentence-input::placeholder{color:#1a1a2259;font-style:italic}.drp__sentence-input:disabled{opacity:.5;cursor:not-allowed}.drp__footer{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-top:.1rem}.scenario__single{display:flex;justify-content:center}.scenario__chat-row{position:relative;width:fit-content}.scenario__main{display:flex;flex-direction:column;gap:.75rem;width:780px}.scenario__back-row{align-self:flex-start}.history-anchor{position:absolute;top:0;right:calc(100% + .65rem)}.cast-anchor{position:absolute;top:0;left:calc(100% + .65rem)}.cast-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;width:2.8rem;height:2.8rem;padding:0;background:#ffe600;border:2.5px solid var(--ink);border-radius:10px;box-shadow:2px 2px 0 var(--ink);cursor:pointer;transition:transform .1s,box-shadow .1s}.cast-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink)}.cast-btn__icon{width:1.1rem;height:1.1rem;color:var(--ink)}.cast-btn__label{font-family:var(--font-display);font-size:.5rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink)}.chat-frame{position:relative;flex-shrink:0}.chat-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon);overflow:hidden}.scenario__closing{display:flex;flex-direction:column;gap:.75rem}.scenario__closing-text{margin:0;font-size:.92rem;font-weight:800;line-height:1.55;color:var(--ink)}.transition-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:linear-gradient(180deg,#ce93d8 0%,#e1bee7 40%,#fff9c4 100%)}.transition-screen__inner{max-width:480px;width:100%;display:flex;flex-direction:column;gap:.75rem}.transition-screen__inner .flow-nav{align-self:flex-start}.transition-screen__card{max-width:480px;width:100%;padding:1.75rem 1.5rem;text-align:center;background:#fff;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon)}.transition-screen__time{display:inline-block;margin-left:.5rem;padding:.2rem .55rem;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#fff9c4;border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.transition-screen__stamp{display:inline-block;margin-bottom:.65rem;padding:.2rem .55rem;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#ffab91;border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.transition-screen__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--ink)}.transition-screen__sub{margin:0 0 1.35rem;font-size:.95rem;font-weight:700;color:var(--ink-soft);line-height:1.5}.outcome-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding:1.5rem 1.25rem 2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#90caf9 0%,#e3f2fd 45%,#fffde7 100%);overflow-y:auto}.outcome-screen__wrap{max-width:540px;width:100%;display:flex;flex-direction:column;gap:.75rem}.outcome-screen__wrap .flow-nav{align-self:flex-start}.outcome-screen__inner{width:100%;padding:1.75rem 1.5rem;background:#fff;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon)}.outcome-screen__stamp{display:inline-block;margin-bottom:.5rem;padding:.2rem .55rem;font-family:var(--font-display);font-size:.65rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;background:#b39ddb;border:2px solid var(--ink);border-radius:8px;box-shadow:2px 2px 0 var(--ink);color:var(--ink)}.outcome-screen__title{margin:0 0 1rem;font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--ink)}.outcome-screen__body{margin:0 0 1.35rem;font-size:.95rem;font-weight:700;color:var(--ink);line-height:1.65}.outcome-screen__body--loading{font-style:italic;font-weight:500;color:var(--ink-soft)}.outcome-screen__tags{margin-bottom:1.35rem;padding:1rem;background:#fff9c4;border:3px dashed var(--ink);border-radius:var(--radius-btn)}.outcome-screen__tags-label{display:block;font-family:var(--font-display);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin-bottom:.45rem}.outcome-screen__tags ul{margin:0;padding-left:1.15rem;font-size:.85rem;font-weight:700;color:var(--ink-soft);line-height:1.55}.outcome-screen__tags li{margin-bottom:.25rem}.reflection-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;padding:2rem 1.25rem 3rem;background:linear-gradient(180deg,#ffe082 0%,#fff8e1 40%,#fff 100%);overflow-y:auto}.reflection-screen__inner{max-width:520px;margin:0 auto}.reflection-screen__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:1.65rem;font-weight:700;color:var(--ink);text-align:center}.reflection-screen__ai{margin:0 0 1.5rem;padding:.9rem 1.1rem;background:#fff9c4;border:3px solid var(--ink);border-radius:var(--radius-cartoon);box-shadow:var(--shadow-cartoon)}.reflection-screen__ai-label{display:inline-block;padding:.15rem .55rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffe600;color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink);margin-bottom:.75rem}.reflection-screen__section-heading{display:block;font-family:var(--font-display);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--ink);margin-bottom:.5rem}.reflection-screen__achievements{margin-bottom:.9rem}.reflection-screen__achievement-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:.35rem}.reflection-screen__achievement-item{display:flex;align-items:flex-start;gap:.5rem;font-size:.85rem;font-weight:600;color:var(--ink);line-height:1.45}.reflection-screen__achievement-item:before{content:"✓";flex-shrink:0;font-size:.75rem;font-weight:900;color:#2e7d32;margin-top:.05rem}.reflection-screen__feedback{margin:0 0 .9rem;font-size:.88rem;font-weight:600;color:var(--ink);line-height:1.6;padding-top:.75rem;border-top:1.5px solid rgba(26,26,34,.1)}.reflection-screen__quote-block{padding-top:.75rem;border-top:1.5px solid rgba(26,26,34,.1)}.reflection-screen__quote{margin:0;font-family:var(--font-display);font-size:1rem;font-weight:700;font-style:italic;color:var(--ink);line-height:1.5}.reflection-screen__ai--loading{border-style:dashed;background:#fafafa}.reflection-screen__ai-loading-text{margin:0;font-size:.85rem;font-style:italic;color:var(--ink-soft);text-align:center}.reflection-screen__lede{margin:0 0 2rem;text-align:center;font-size:.95rem;color:var(--ink-soft);font-weight:800;line-height:1.5}.reflection-block{margin-bottom:1.75rem}.reflection-tag{display:inline-block;padding:.15rem .55rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffe600;color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink);margin-bottom:.45rem}.reflection-q{display:block;font-family:var(--font-display);font-size:.92rem;font-weight:700;color:var(--ink);margin-bottom:.5rem;line-height:1.4}.reflection-input{width:100%;padding:.75rem .9rem;border:3px solid var(--ink);border-radius:var(--radius-btn);font-size:.9rem;font-weight:700;resize:vertical;min-height:72px;background:var(--surface);color:var(--ink);line-height:1.45;box-shadow:2px 2px 0 var(--ink)}.reflection-input:focus{outline:none;border-color:var(--primary-dark);box-shadow:3px 3px 0 var(--ink)}.reflection-toggle{margin-top:.5rem;padding:0;border:none;background:none;font-family:var(--font-display);font-size:.8rem;font-weight:700;color:var(--primary-dark);text-decoration:underline;text-underline-offset:3px}.reflection-chips{display:flex;flex-direction:column;gap:.45rem;margin-top:.65rem}.chip{padding:.55rem .75rem;text-align:left;font-size:.82rem;font-weight:700;color:var(--ink);background:#fff;border:2px solid var(--ink);border-radius:var(--radius-btn);box-shadow:2px 2px 0 var(--ink);transition:transform .12s,background .12s}.chip:hover{background:#fff8e1;transform:translate(-1px,-1px)}.reflection-actions{margin-top:2rem;text-align:center}.progress-indicator{position:sticky;top:0;z-index:20;padding:.55rem 1rem;background:rgba(255,253,240,.95);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:3px solid var(--ink);display:flex;align-items:center;gap:.75rem}.progress-indicator__track{flex:1;height:10px;background:#fff;border:2px solid var(--ink);border-radius:999px;overflow:hidden;max-width:220px;box-shadow:inset 2px 2px #1a1a2214}.progress-indicator__fill{height:100%;background:linear-gradient(90deg,#ff7043,#ffeb3b);border-radius:999px;transition:width .45s cubic-bezier(.34,1.2,.64,1);border-right:2px solid var(--ink)}.progress-indicator__label{font-family:var(--font-display);font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink);white-space:nowrap}.app-shell{min-height:100vh;display:flex;flex-direction:column}.app-main{flex:1;width:100%;min-width:0}.card-elevated{box-shadow:var(--shadow-cartoon-sm);border:3px solid var(--ink)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.85rem 1.25rem;font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--ink);background:var(--accent-yellow);border:3px solid var(--ink);border-radius:var(--radius-btn);box-shadow:var(--shadow-cartoon-sm);transition:transform .15s,box-shadow .15s,filter .15s}.btn-primary:hover{filter:brightness(1.03);transform:translate(-2px,-2px);box-shadow:5px 5px 0 var(--ink)}.btn-primary:active{transform:translate(1px,1px);box-shadow:2px 2px 0 var(--ink)}.btn-ghost{padding:.65rem 1rem;font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:var(--radius-btn);box-shadow:2px 2px 0 var(--ink);transition:transform .15s,background .15s}.btn-ghost:hover{background:#f5f5f5;transform:translate(-1px,-1px)}.btn-ghost:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:2px 2px 0 var(--ink)}.btn-ghost:disabled:hover{background:#fff;transform:none}.flow-nav{display:flex;align-items:center;justify-content:space-between;gap:.75rem;width:100%;margin-bottom:.75rem}.flow-nav--card{margin-bottom:1rem}.flow-nav--single{justify-content:flex-start}.flow-nav__btn{flex:0 0 auto;min-width:0;padding:.5rem .85rem;font-size:.82rem}.animate-fade-in{animation:fadeIn .45s ease forwards}.animate-slide-up{animation:slideUp .5s cubic-bezier(.34,1.2,.64,1) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.track-intro .btn-primary,.transition-screen .btn-primary{width:auto;min-width:180px;margin:0 auto;display:flex}.track-intro .btn-primary,.outcome-screen .btn-primary{width:100%}:root{--ink: #1a1a22;--ink-soft: #3d3d4a;--bg: #fff8f0;--surface: #ffffff;--cream: #fff9e6;--text: var(--ink);--text-muted: #5c5c6a;--primary: #7c4dff;--primary-dark: #5c3dc9;--accent: #ff7043;--accent-yellow: #ffeb3b;--mint: #69f0ae;--sky: #4fc3f7;--border: var(--ink);--shadow-cartoon: 4px 4px 0 var(--ink);--shadow-cartoon-sm: 3px 3px 0 var(--ink);--radius-cartoon: 18px;--radius-btn: 14px;--font: "Nunito", system-ui, -apple-system, sans-serif;--font-display: "Fredoka", var(--font)}.your-move-tag{display:inline-block;align-self:flex-start;padding:.15rem .55rem;font-family:var(--font-display);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;background:#ffe600;color:var(--ink);border:2px solid var(--ink);border-radius:6px;box-shadow:2px 2px 0 var(--ink)}@keyframes shake{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-5px)}60%{transform:translate(5px)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}.shake{animation:shake .45s cubic-bezier(.36,.07,.19,.97) both;border-color:#e53935!important;outline:none}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased}body{margin:0;min-height:100vh;font-family:var(--font);font-weight:600;color:var(--text);background:var(--bg);line-height:1.45}#root{min-height:100vh}button{font-family:inherit;cursor:pointer}input,textarea{font-family:inherit}