:root{--purple: #9301EC;--purple-dark: #7A00C7;--purple-tint: #F4E6FD;--purple-underline: #E9D0FB;--lilac-card: #F7F0FD;--grad: linear-gradient(110deg, #0D02D9 0%, #8701EA 58%, #DA01F6 100%);--ink: #191919;--muted: #8E8E93;--field: #F3F3F3;--hairline: #EFEFF1;--border: #E9E9EB;--like: #34D06B;--nope: #FF4D4D;--r-card: 26px;--r-media: 24px;--r-field: 18px;--r-field-lg: 20px;--r-pill: 999px;--font: -apple-system, "SF Pro Display", "Helvetica Neue", Helvetica, Arial, sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#fff;color:var(--ink);font-family:var(--font);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;border:none;background:none;padding:0;cursor:pointer;color:inherit}input,textarea{font-family:inherit}.screen{flex:1;display:flex;flex-direction:column;padding:12px 20px 24px;max-width:480px;width:100%;margin:0 auto}.btn{display:block;width:100%;border-radius:var(--r-pill);padding:16px 0;font-size:17px;font-weight:600;text-align:center;transition:transform .12s ease,opacity .12s ease}.btn:active{transform:scale(.98)}.btn--primary{background:var(--purple);color:#fff}.btn--primary:disabled{opacity:.4}.btn--secondary{background:var(--field);color:var(--ink);font-size:16px}.btn--ghost{background:none;color:var(--muted);font-size:15px;padding:10px 0}.btn--white{background:#fff;color:var(--purple);font-weight:700}.field{width:100%;background:var(--field);border:none;outline:none;border-radius:var(--r-field-lg);padding:15px 16px;font-size:16px;color:var(--ink)}.field::placeholder{color:var(--muted)}textarea.field{resize:none;min-height:110px;line-height:1.4}.chip{display:inline-flex;align-items:center;gap:6px;padding:12px 17px;border-radius:var(--r-pill);background:var(--field);font-size:14.5px;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}.chip--on{background:var(--purple);color:#fff;font-weight:600}.chip--add{background:none;border:1.5px dashed #C9C9CE;color:var(--muted)}.marker-title{position:relative;display:inline-block}.marker-title__band{position:absolute;left:-3px;right:-8px;bottom:4px;height:12px;background:var(--purple-underline);border-radius:6px;transform:rotate(-.7deg)}.marker-title__text{position:relative;font-size:28px;font-weight:700;color:var(--ink);letter-spacing:-.5px;line-height:1.15}.progress{display:flex;gap:5px}.progress__seg{flex:1;height:4px;border-radius:2px;background:#ededf0}.progress__seg--on{background:var(--purple)}.list-card{background:var(--field);border-radius:var(--r-field-lg);overflow:hidden}.list-card--outline{background:#fff;border:1px solid var(--border)}.list-row{display:flex;align-items:center;gap:8px;width:100%;padding:14px 16px;border-bottom:1px solid #E8E8EA;font-size:15px;color:var(--ink);text-align:left}.list-row:last-child{border-bottom:none}.list-row--locked{opacity:.6}.stripe-holder{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.stripe{position:absolute;left:-30%;width:180%;height:40%;background:#ffffff1f;transform:rotate(-22deg)}.section-label{font-size:12px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.hint{font-size:13.5px;line-height:1.45;color:var(--muted)}@keyframes pop{0%{transform:scale(.9);opacity:0}60%{transform:scale(1.03)}to{transform:scale(1);opacity:1}}.pop{animation:pop .22s ease-out}.code-box{flex:1;height:54px;border-radius:14px;background:var(--field);border:2px solid transparent;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--ink)}.code-box--active{background:#fff;border-color:var(--purple)}