@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800;900&display=swap";.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .4s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);padding:1rem}@keyframes fadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.modal-content{background:var(--card-bg);border-radius:32px;padding:2rem;max-width:520px;width:100%;box-shadow:var(--shadow-soft);border:1px solid var(--card-border);animation:slideUp .5s cubic-bezier(.34,1.56,.64,1);color:var(--text-primary);position:relative;overflow:hidden}.modal-close{position:absolute;top:1rem;right:1rem;width:44px;height:44px;border-radius:50%;border:none;background:var(--pill-bg);color:var(--text-primary);font-size:1.75rem;line-height:1;cursor:pointer;transition:background .2s ease,transform .2s ease;z-index:2}.modal-close:hover{background:var(--card-bg-strong);transform:scale(1.05)}@keyframes slideUp{0%{transform:translateY(60px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-title{font-size:1.8rem;font-weight:900;margin:0 0 .75rem;text-align:center;letter-spacing:-.02em;text-shadow:0 2px 8px rgba(0,0,0,.2);position:relative;z-index:1}.modal-subtitle{font-size:1rem;margin:0 0 1rem;text-align:center;color:var(--text-secondary);font-weight:600;line-height:1.6;position:relative;z-index:1}.modal-description{font-size:.95rem;margin:0 0 1.5rem;text-align:center;color:var(--text-tertiary);font-weight:500;line-height:1.6;position:relative;z-index:1}.quit-form{display:flex;flex-direction:column;gap:1.1rem;position:relative;z-index:1}.form-group{display:flex;flex-direction:column;gap:.75rem}.form-group label{font-weight:700;font-size:1rem;letter-spacing:-.01em}.form-input{padding:.75rem 1rem;border:1px solid var(--card-border);border-radius:16px;background:var(--surface-alt);color:var(--text-primary);font-size:1.05rem;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 4px #0000001a,0 2px 8px #0000001a}.form-input:hover{border-color:rgba(var(--primary-rgb),.35);background:var(--card-bg-strong)}.form-input:focus{outline:none;border-color:rgba(var(--primary-rgb),.7);background:var(--card-bg-strong);transform:translateY(-2px) scale(1.01);box-shadow:0 8px 24px #0003,inset 0 2px 4px #0000001a}.form-input::placeholder{color:var(--text-tertiary)}.form-input[type=date],.form-input[type=time]{color-scheme:dark}.form-input[type=date]::-webkit-calendar-picker-indicator,.form-input[type=time]::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.8;cursor:pointer}.error-message{background:var(--error-bg);border:1px solid rgba(242,95,92,.35);color:var(--text-primary);padding:1rem 1.25rem;border-radius:12px;font-size:.95rem;font-weight:500;animation:shake .5s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 12px #ff525233}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-12px)}75%{transform:translate(12px)}}.submit-button{padding:.9rem 1.6rem;background:var(--primary);color:var(--on-primary);border:none;border-radius:16px;font-size:1.15rem;font-weight:800;cursor:pointer;transition:all .3s cubic-bezier(.34,1.56,.64,1);margin-top:.5rem;box-shadow:var(--shadow-soft);letter-spacing:-.01em;position:relative;overflow:hidden}.submit-button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1f;transform:translate(-50%,-50%);transition:width .6s,height .6s}.submit-button:hover{transform:translateY(-2px) scale(1.01);box-shadow:var(--shadow-soft-hover)}.submit-button:hover:before{width:300px;height:300px}.submit-button:active{transform:translateY(-1px) scale(1)}@media (max-width: 768px){.modal-content{padding:1.7rem 1.3rem;border-radius:24px}.modal-title{font-size:1.6rem}.modal-subtitle{font-size:.95rem}.submit-button{padding:.85rem 1.4rem;font-size:.95rem}}.badges-section{display:grid;gap:1rem}.badges-topbar{display:flex;justify-content:space-between;align-items:center;color:var(--text-tertiary);font-weight:800}.badges-back{border:none;background:transparent;color:var(--primary-strong);font-weight:800;cursor:pointer}.badges-title{text-transform:uppercase;letter-spacing:.12em;font-size:var(--font-body-xs)}.badges-subtitle{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.badges-counter{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:1.1rem;text-align:center;box-shadow:var(--shadow-soft)}.badges-counter-value{font-size:1.8rem;font-weight:900;color:var(--primary-strong)}.badges-counter-note{color:var(--text-secondary);font-weight:600}.badges-group{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:1rem;box-shadow:var(--shadow-soft)}.badges-group-head h3{margin:0 0 .35rem;font-size:var(--font-h4);line-height:var(--line-tight)}.badges-group-head p{margin:0 0 1rem;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.badges-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.6rem}.badge-card{border:none;border-radius:var(--radius-md);padding:.7rem;background:var(--surface-alt);border:1px solid var(--card-border);box-shadow:var(--shadow-soft);text-align:left;display:grid;gap:.6rem;cursor:pointer;min-height:100px}.badge-card.earned{background:rgba(var(--primary-rgb),.12);color:var(--primary-strong)}.badge-card.locked{color:var(--text-tertiary)}.badge-icon{width:32px;height:32px;border-radius:10px;background:rgba(var(--primary-rgb),.12);display:inline-flex;align-items:center;justify-content:center;color:var(--primary-strong)}.badge-card.locked .badge-icon{background:#ffffff0f;color:var(--text-tertiary)}.badge-icon svg{width:18px;height:18px}.badge-title{font-weight:800}.badge-description{color:var(--text-secondary);font-weight:600}.badge-card.locked .badge-description{color:var(--text-tertiary)}.badge-detail{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:1.1rem;box-shadow:var(--shadow-soft);display:grid;gap:.8rem}.badge-detail h3{margin:0;font-size:var(--font-h4);line-height:var(--line-tight)}.badge-detail-date{color:var(--text-tertiary);font-weight:600}.badge-proud{border:none;background:var(--primary);color:var(--on-primary);padding:.65rem 1.1rem;border-radius:999px;font-weight:800;cursor:pointer;justify-self:start}.badge-proud:hover{background:var(--primary-hover)}.badges-footer{text-align:center;color:var(--text-secondary);font-weight:700}@media (max-width: 640px){.badges-group,.badges-counter,.badge-detail{padding:1.2rem}}.roadmap{display:grid;gap:var(--space-md)}.roadmap-topbar{display:flex;justify-content:space-between;align-items:center;color:var(--text-secondary);font-weight:800}.roadmap-back{border:none;background:transparent;color:var(--primary-strong);font-weight:800;cursor:pointer}.roadmap-title{text-transform:uppercase;letter-spacing:.12em;font-size:var(--font-body-xs)}.roadmap-subtitle{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.roadmap-progress{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:var(--space-sm);box-shadow:var(--shadow-soft)}.roadmap-progress-row{display:flex;justify-content:space-between;font-weight:700;color:var(--text-secondary);font-size:var(--font-body-sm)}.roadmap-progress-bar{height:10px;background:#ffffff14;border-radius:999px;margin:.75rem 0;overflow:hidden}.roadmap-progress-bar>div{height:100%;background:var(--primary)}.roadmap-progress-note{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.roadmap-stages{position:relative;display:grid;gap:var(--space-md);padding-left:1rem}.roadmap-line{position:absolute;left:18px;top:0;bottom:0;width:2px;background:#ffffff14}.roadmap-stage{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:var(--space-sm);box-shadow:var(--shadow-soft);position:relative}.roadmap-stage.current{border:1px solid rgba(var(--primary-rgb),.25);box-shadow:0 20px 40px rgba(var(--primary-rgb),.18)}.stage-head{display:flex;gap:.8rem;align-items:center}.stage-icon{width:36px;height:36px;border-radius:12px;background:rgba(var(--primary-rgb),.12);color:var(--primary-strong);display:inline-flex;align-items:center;justify-content:center}.stage-icon svg{width:20px;height:20px}.stage-head h3{margin:0;font-size:var(--font-h4);line-height:var(--line-tight)}.stage-head span{color:var(--text-tertiary);font-weight:600}.stage-description{margin:.6rem 0 1rem;color:var(--text-secondary);font-weight:600}.stage-days{display:flex;flex-wrap:wrap;gap:.6rem}.day-dot{border:none;background:var(--surface-alt);color:var(--text-secondary);border-radius:999px;padding:.35rem .6rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.day-dot.past{background:rgba(var(--primary-rgb),.12);color:var(--primary-strong)}.day-dot.current{background:var(--primary);color:var(--on-primary);box-shadow:0 10px 20px rgba(var(--primary-rgb),.3)}.day-dot.future{background:#ffffff0a;color:var(--text-tertiary)}.day-dot span:first-child{min-width:18px}.day-icon svg{width:14px;height:14px}.roadmap-today-card{background:var(--card-bg);border-radius:22px;padding:1.1rem;box-shadow:var(--shadow-soft);border:1px solid var(--card-border)}.today-card-head{margin-bottom:.8rem}.today-card-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;color:var(--text-tertiary);font-weight:700}.roadmap-today-card h3{margin:.3rem 0 .6rem;font-size:1.4rem}.roadmap-today-card ul{margin:0 0 1rem;padding-left:1.2rem;color:var(--text-secondary);font-weight:600;line-height:1.6}.roadmap-cta{border:none;background:var(--primary);color:var(--on-primary);padding:.8rem 1.4rem;border-radius:999px;font-weight:800;cursor:pointer}.roadmap-notice,.roadmap-summary{background:var(--card-bg);border-radius:18px;padding:1rem;box-shadow:var(--shadow-soft);border:1px solid var(--card-border);color:var(--text-secondary);font-weight:600}.roadmap-summary h4{margin:0 0 .4rem;color:var(--text-primary)}.roadmap-footer{text-align:center;color:var(--text-secondary);font-weight:700}@media (max-width: 640px){.roadmap-progress,.roadmap-stage,.roadmap-today-card,.roadmap-notice,.roadmap-summary{padding:1rem}}.profile-hub{display:grid;gap:var(--space-md)}.profile-top h2{margin:0 0 .4rem;font-size:var(--font-h2);line-height:var(--line-tight)}.profile-top p{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.profile-status{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:var(--space-sm);box-shadow:var(--shadow-soft)}.profile-kicker{text-transform:uppercase;letter-spacing:.12em;font-size:var(--font-body-xs);color:var(--text-tertiary);font-weight:700}.profile-status h3{margin:.4rem 0 .3rem;font-size:var(--font-h4);line-height:var(--line-tight)}.profile-status p{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-xs)}.profile-card{border:none;background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:var(--space-sm);text-align:left;cursor:pointer;box-shadow:var(--shadow-soft)}.profile-card h4{margin:0 0 .4rem;font-size:var(--font-h4);line-height:var(--line-tight)}.profile-card p{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.profile-relapse{margin-top:.5rem;display:grid;gap:var(--space-xs);justify-items:start}.relapse-button{border:1px solid var(--card-border);background:var(--pill-bg);color:var(--text-primary);padding:.6rem 1rem;border-radius:999px;font-weight:700;cursor:pointer}.relapse-hint{color:var(--text-tertiary);font-weight:600;font-size:var(--font-body-sm)}@media (max-width: 640px){.profile-status,.profile-card{padding:1rem}}.trigger-section{margin:3rem 0}.trigger-card{background:var(--card-bg);border-radius:24px;padding:1.4rem;box-shadow:var(--shadow-soft);border:1px solid var(--card-border)}.trigger-card h2{margin:0 0 .5rem;color:var(--primary-strong);font-size:1.3rem}.trigger-card p{margin:0 0 1.25rem;color:var(--text-secondary)}.trigger-input{display:flex;gap:.5rem;margin-bottom:.9rem;flex-wrap:wrap}.trigger-input input{flex:1 1 220px;border-radius:12px;border:1px solid var(--card-border);padding:.75rem 1rem;background:var(--surface-alt);color:var(--text-primary)}.trigger-input button{border:none;background:var(--primary);color:var(--on-primary);border-radius:999px;padding:.6rem 1.1rem;font-weight:800;cursor:pointer}.trigger-list{display:flex;flex-wrap:wrap;gap:.5rem}.trigger-item{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;background:rgba(var(--primary-rgb),.1);border-radius:999px;color:var(--primary-strong);font-weight:700}.trigger-item button{border:none;background:#ffffff1f;color:var(--text-secondary);border-radius:50%;width:22px;height:22px;cursor:pointer}.trigger-empty{color:var(--text-tertiary);font-weight:600}.profile-strategy{display:grid;gap:1rem}.strategy-card{background:var(--card-bg);border-radius:20px;padding:1.1rem;box-shadow:var(--shadow-soft);border:1px solid var(--card-border)}.strategy-card h3{margin:0 0 .4rem}.strategy-card p{margin:0 0 1rem;color:var(--text-secondary);font-weight:600}.strategy-fields{display:grid;gap:.6rem}.strategy-fields label{display:grid;gap:.4rem;font-weight:700;color:var(--text-secondary)}.strategy-fields textarea{width:100%;border-radius:12px;border:1px solid var(--card-border);padding:.8rem;font-family:inherit;resize:vertical;background:var(--surface-alt);color:var(--text-primary)}.strategy-save{margin-top:1rem;border:none;background:var(--primary);color:var(--on-primary);padding:.65rem 1.1rem;border-radius:999px;font-weight:800;cursor:pointer}.strategy-save:hover{background:var(--primary-hover)}@media (max-width: 640px){.strategy-card{padding:1rem}}.relapse-flow{position:fixed;top:0;right:0;bottom:0;left:0;background:#1216148c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1300;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.relapse-card{width:min(640px,100%);background:var(--card-bg);border-radius:24px;padding:1.4rem;box-shadow:var(--shadow-soft);border:1px solid var(--card-border);display:grid;gap:1rem}.relapse-card h2{margin:0;font-size:var(--font-h3);line-height:var(--line-tight)}.relapse-card p{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.relapse-actions{display:flex;gap:.5rem;flex-wrap:wrap}.relapse-primary{border:none;background:var(--primary);color:var(--on-primary);padding:.65rem 1.1rem;border-radius:999px;font-weight:800;cursor:pointer}.relapse-primary:hover{background:var(--primary-hover)}.relapse-secondary{border:1px solid var(--card-border);background:var(--pill-bg);color:var(--text-primary);padding:.65rem 1.1rem;border-radius:999px;font-weight:700;cursor:pointer}.relapse-options{display:grid;gap:.6rem}.relapse-option{border:1px solid var(--card-border);background:var(--surface-alt);padding:.6rem .8rem;border-radius:14px;text-align:left;font-weight:700;cursor:pointer;color:var(--text-primary)}.relapse-option.active{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.12);color:var(--primary-strong)}.relapse-paths{display:grid;gap:.8rem}.relapse-path{border:1px solid var(--card-border);background:var(--surface-alt);border-radius:16px;padding:.8rem;text-align:left;cursor:pointer}.relapse-path h3{margin:0 0 .3rem;font-size:var(--font-h4);line-height:var(--line-tight)}.relapse-path p{margin:0 0 .4rem}.relapse-path span{color:var(--text-tertiary);font-weight:600}.relapse-path.active{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.12)}.relapse-summary{background:rgba(var(--primary-rgb),.14);border-radius:14px;padding:.8rem;display:grid;gap:.4rem;font-weight:700;color:var(--primary-strong)}@media (max-width: 640px){.relapse-card{padding:1.2rem}}.sos-screen{display:grid;gap:1rem}.sos-topbar{display:flex;justify-content:space-between;align-items:center;font-weight:800;color:var(--text-secondary)}.sos-close{border:none;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer}.sos-title{color:var(--warning);font-weight:900;letter-spacing:.12em}.sos-subtitle{margin:0;color:var(--text-tertiary);font-weight:600}.sos-tip{margin:0;color:var(--text-secondary);font-weight:600}.sos-timer-card,.sos-breath-card,.sos-step,.sos-brain-card,.sos-finish-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:1.1rem;box-shadow:var(--shadow-soft)}.sos-timer-value{font-size:2.4rem;font-weight:900;text-align:center;color:var(--warning);margin-bottom:1rem}.sos-timer-actions{display:flex;gap:.75rem;justify-content:center}.sos-primary{border:none;background:var(--warning);color:#fff;padding:.7rem 1.2rem;border-radius:999px;font-weight:800;cursor:pointer}.sos-primary:hover{background:var(--warning-hover)}.sos-secondary{border:1px solid var(--card-border);background:var(--pill-bg);color:var(--text-primary);padding:.6rem 1.1rem;border-radius:999px;font-weight:700;cursor:pointer}.sos-breath-card{display:grid;gap:1rem;text-align:center}.sos-breath-circle{width:130px;height:130px;border-radius:50%;margin:0 auto;background:var(--warning-bg);display:flex;align-items:center;justify-content:center;font-weight:900;color:var(--warning)}.sos-breath-circle.active{animation:breathe 4s ease-in-out infinite}@keyframes sosPulse{0%{transform:scale(.9);opacity:.7}50%{transform:scale(1.05);opacity:1}to{transform:scale(.9);opacity:.7}}.sos-breath-text p{margin:.2rem 0;font-weight:700;color:var(--text-secondary)}.sos-steps{display:grid;gap:1rem}.sos-step-header{display:flex;justify-content:space-between;font-weight:800;color:var(--text-tertiary);margin-bottom:.5rem}.sos-step h3{margin:0 0 .35rem;font-size:1.2rem}.sos-step p{margin:0 0 1rem;color:var(--text-secondary);font-weight:600}.sos-step.done{border:1px solid rgba(240,180,41,.35);background:#f0b4291f}.sos-brain-card{background:var(--surface-alt);border:1px solid rgba(240,180,41,.2);display:grid;gap:.4rem;font-weight:700;color:var(--text-secondary)}.sos-brain-card strong{color:var(--warning)}.sos-finish{position:fixed;top:0;right:0;bottom:0;left:0;background:#1216148c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1200;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.sos-finish-card{width:min(560px,100%);text-align:center;display:grid;gap:.8rem}.sos-finish-row{display:inline-flex;align-items:center;gap:.4rem;justify-content:center;font-weight:700;color:var(--text-secondary)}.sos-icon{width:18px;height:18px;display:inline-flex}.sos-icon svg{width:100%;height:100%}.sos-finish-actions{display:grid;gap:.6rem;margin-top:.6rem}@media (max-width: 640px){.sos-timer-card,.sos-breath-card,.sos-step,.sos-brain-card,.sos-finish-card{padding:1rem}.sos-timer-value{font-size:2.1rem}}.checkin-section{margin:var(--space-lg) 0;display:grid;gap:var(--space-sm)}.checkin-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:var(--space-md);box-shadow:var(--shadow-soft)}.checkin-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.75rem}.checkin-header h2{margin:0;font-size:var(--font-h3);line-height:var(--line-tight);color:var(--primary-strong)}.checkin-date{color:var(--text-tertiary);font-weight:600}.checkin-subtitle{margin:0 0 1.25rem;color:var(--text-secondary);line-height:var(--line-relaxed)}.checkin-rating{display:flex;gap:.5rem;margin-bottom:1.5rem}.rating-dot{width:38px;height:38px;border-radius:50%;border:1px solid rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.08);color:var(--primary-strong);font-weight:800;cursor:pointer}.rating-dot.active{background:var(--primary);color:var(--on-primary)}.checkin-note{width:100%;border-radius:16px;border:1px solid var(--card-border);padding:.7rem .9rem;font-size:1rem;margin-bottom:1.25rem;background:var(--surface-alt);color:var(--text-primary)}.checkin-actions{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.checkin-save{background:var(--primary);color:var(--on-primary);border:none;padding:.75rem 1.4rem;border-radius:999px;font-weight:800;cursor:pointer}.checkin-save:hover{background:var(--primary-hover)}.checkin-hint{color:var(--text-tertiary);font-weight:600}.checkin-history{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--card-border);padding:var(--space-sm);box-shadow:var(--shadow-soft)}.checkin-history h3{margin:0 0 1rem;color:var(--primary-strong)}.checkin-history-list{display:grid;gap:.75rem}.checkin-history-item{display:grid;grid-template-columns:auto auto 1fr;gap:.75rem;align-items:center;font-size:.95rem;color:var(--text-secondary)}.checkin-history-rating{font-weight:700;color:var(--primary-strong)}.checkin-history-note{color:var(--text-tertiary)}@media (max-width: 640px){.checkin-history-item{grid-template-columns:1fr}}.progress-history{margin:var(--space-xl) 0}.history-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:1.3rem;box-shadow:var(--shadow-soft)}.history-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:1rem;gap:1rem}.history-header h2{margin:0;color:var(--primary-strong);font-size:var(--font-h3);line-height:var(--line-tight)}.history-header span{color:var(--text-tertiary)}.history-chart{width:100%;height:120px;background:rgba(var(--primary-rgb),.05);border-radius:16px;padding:1rem}.history-scale{display:flex;justify-content:space-between;margin-top:.5rem;color:var(--text-tertiary);font-weight:600}.history-empty{margin:0;color:var(--text-secondary)}.understanding-section{margin:var(--space-xl) 0 0}.understanding-card{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:1.6rem;box-shadow:var(--shadow-soft)}.understanding-header{display:flex;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1rem}.understanding-header h2{margin:0 0 .5rem;font-size:var(--font-h2);line-height:var(--line-tight);color:var(--primary-strong)}.understanding-header p{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.understanding-chip{background:rgba(var(--primary-rgb),.12);color:var(--primary-strong);padding:.4rem .9rem;border-radius:999px;font-weight:700}.understanding-grid{display:grid;gap:.7rem}.understanding-item{border-radius:var(--radius-md);padding:.9rem 1rem;border:1px solid var(--card-border);background:var(--surface-alt);box-shadow:var(--shadow-soft)}.understanding-item h3{margin:.35rem 0 .5rem;font-size:var(--font-h4);line-height:var(--line-tight);color:var(--text-primary)}.understanding-item p{margin:0;color:var(--text-secondary);line-height:var(--line-relaxed);font-weight:600}.understanding-day{font-size:var(--font-body-xs);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:700}.understanding-item.locked{background:#ffffff0a;color:var(--text-tertiary)}.understanding-item.locked h3,.understanding-item.locked p{color:var(--text-tertiary)}@media (max-width: 700px){.understanding-card{padding:1.4rem 1.1rem}.understanding-header{flex-direction:column}}.tracker-dashboard{display:grid;gap:var(--space-md)}.dashboard-hero{margin-bottom:1rem}.today-topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-sm);color:var(--text-tertiary);font-weight:800;letter-spacing:.08em;font-size:var(--font-body-xs);text-transform:uppercase}.today-logo{color:var(--primary-strong)}.today-progress-link{border:none;background:rgba(var(--primary-rgb),.12);color:var(--primary-strong);padding:.4rem .8rem;border-radius:999px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem}.hero-card{background:var(--glass-bg);border-radius:var(--radius-xl);border:1px solid var(--glass-border);padding:var(--space-md);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:var(--space-sm);align-items:center;box-shadow:var(--shadow-soft)}.hero-info h2{margin:.25rem 0 .5rem;font-size:var(--font-h3);line-height:var(--line-tight);color:var(--primary-strong)}.hero-day{font-size:var(--font-body-sm);text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:700}.hero-status{margin:0 0 .75rem;font-size:var(--font-body-lg);line-height:var(--line-normal);color:var(--text-secondary)}.hero-coach{margin:0 0 1.25rem;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.hero-meta{display:flex;flex-wrap:wrap;gap:1rem;color:var(--text-tertiary);font-weight:700;margin-bottom:var(--space-md)}.hero-action{background:var(--primary);color:var(--on-primary);border:none;padding:.7rem 1.2rem;border-radius:999px;font-weight:800;cursor:pointer}.hero-action:hover{background:var(--primary-hover)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.ui-icon{width:18px;height:18px;display:inline-flex;align-items:center;justify-content:center}.ui-icon svg{width:100%;height:100%}.hero-action-note{color:var(--text-tertiary);font-weight:700;font-size:var(--font-body-sm);display:inline-flex;align-items:center;gap:.4rem}.hero-secondary{border:1px solid rgba(var(--primary-rgb),.3);background:var(--primary-light);color:var(--primary-strong);padding:.75rem 1.2rem;border-radius:999px;font-weight:700;cursor:pointer}.hero-mascot{display:flex;justify-content:center;align-items:center}.hero-mascot img{width:min(150px,100%);height:auto}.mission-card{background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.3rem;box-shadow:var(--shadow-soft);animation:gentleFadeIn var(--duration-slow) var(--ease-default)}.mission-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mission-header h3{margin:0;color:var(--primary-strong);font-size:var(--font-h3);line-height:var(--line-tight)}.mission-badge{padding:.4rem .9rem;border-radius:999px;background:rgba(var(--primary-rgb),.12);color:var(--primary-strong);font-weight:700}.mission-badge.done{background:rgba(var(--primary-rgb),.2)}.mission-explain{margin:0 0 1.5rem;color:var(--text-secondary);line-height:var(--line-relaxed)}.mission-tasks{display:grid;gap:.75rem}.today-status-card,.mission-preview,.today-progress{background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:1.2rem;box-shadow:var(--shadow-soft);animation:gentleFadeIn var(--duration-slow) var(--ease-default)}.today-status-card h3,.mission-preview h3{margin:.4rem 0 1rem;font-size:var(--font-h3);line-height:var(--line-tight)}.today-status-card ul,.mission-preview ul{margin:0 0 1rem;padding-left:1.25rem;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.status-title{font-weight:800;color:var(--primary-strong);display:inline-flex;align-items:center;gap:.4rem}.status-note{margin:0;color:var(--text-secondary);font-weight:600}.mission-preview-header{display:flex;justify-content:space-between;font-weight:800;color:var(--text-tertiary)}.mission-preview-header span{display:inline-flex;align-items:center;gap:.4rem}.mission-preview.done{border:1px solid rgba(var(--primary-rgb),.25);background:rgba(var(--primary-rgb),.08)}.mission-preview-status{color:var(--primary-strong);display:inline-flex;align-items:center;gap:.4rem}.today-progress-row{display:flex;justify-content:space-between;font-weight:700;color:var(--text-secondary)}.today-progress-bar{height:8px;background:#ffffff14;border-radius:999px;margin:.75rem 0;overflow:hidden}.today-progress-bar>div{height:100%;background:var(--primary)}.today-progress-note{margin:0;color:var(--text-secondary);font-weight:600}.today-reward{text-align:center;font-weight:700;color:var(--text-secondary);display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.sos-sticky{position:sticky;bottom:1rem;width:100%;border:none;background:var(--warning);color:#fff;font-weight:900;padding:.85rem;border-radius:var(--radius-md);cursor:pointer;box-shadow:0 16px 30px #f0b42959;margin-top:1rem;display:inline-flex;align-items:center;justify-content:center;gap:.6rem}.sos-sticky:hover{background:var(--warning-hover)}.mission-footer{margin-top:1.5rem}.journal-stack{display:grid;gap:1.5rem}.profile-panel{display:grid;gap:1rem}.profile-back{border:none;background:transparent;color:var(--primary-strong);font-weight:800;cursor:pointer;justify-self:start}.tasks-screen{display:grid;gap:1.1rem}.tasks-topbar{display:flex;justify-content:space-between;align-items:center;color:var(--text-tertiary);font-weight:700}.tasks-back{border:none;background:transparent;color:var(--primary-strong);font-weight:800;cursor:pointer}.tasks-day{font-weight:800}.tasks-phase{display:inline-flex;align-items:center;gap:.4rem;background:rgba(var(--primary-rgb),.12);color:var(--primary-strong);padding:.4rem .8rem;border-radius:999px;font-weight:800;animation:gentleFadeIn var(--duration-slow) var(--ease-default)}.tasks-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:1rem;align-items:center;background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.2rem;box-shadow:var(--shadow-soft);animation:gentleFadeIn var(--duration-slow) var(--ease-default)}.tasks-quote{font-size:var(--font-body-lg);font-weight:800;margin:0 0 .5rem;color:var(--text-primary)}.tasks-support{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.tasks-hero-mascot img{width:min(200px,100%);height:auto}.tasks-title{background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.2rem;box-shadow:var(--shadow-soft);animation:gentleFadeIn var(--duration-slow) var(--ease-default)}.tasks-title h2{margin:.5rem 0 .75rem;font-size:var(--font-h3);line-height:var(--line-tight);color:var(--primary-strong)}.tasks-kicker{display:inline-flex;align-items:center;gap:.4rem;text-transform:uppercase;letter-spacing:.12em;font-size:var(--font-body-xs);color:var(--text-tertiary);font-weight:800}.tasks-meta{display:flex;flex-wrap:wrap;gap:.5rem;color:var(--text-secondary);font-weight:700}.tasks-meta span{display:inline-flex;align-items:center;gap:.4rem}.tasks-list{display:grid;gap:.7rem}.task-step{background:var(--glass-bg);border-radius:var(--radius-md);padding:1.1rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);animation:gentleFadeIn var(--duration-slow) var(--ease-default)}.task-step.checked{border-color:rgba(var(--primary-rgb),.35);background:rgba(var(--primary-rgb),.08)}.task-step-header{display:flex;justify-content:space-between;font-weight:800;color:var(--text-tertiary);margin-bottom:.6rem}.task-step-number{text-transform:uppercase;letter-spacing:.12em;font-size:var(--font-body-xs)}.task-step h3{margin:0 0 .4rem;font-size:var(--font-h4);line-height:var(--line-tight)}.task-step p{margin:0 0 1rem;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.task-step-button{border:none;background:var(--primary);color:var(--on-primary);padding:.6rem 1.2rem;border-radius:999px;font-weight:800;cursor:pointer}.task-step-button.done{background:rgba(var(--primary-rgb),.2);color:var(--primary-strong)}.tasks-explain{background:var(--glass-bg);border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:1.1rem;box-shadow:var(--shadow-soft);animation:gentleFadeIn var(--duration-slow) var(--ease-default)}.tasks-explain h3{margin:0 0 .5rem}.tasks-explain p{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.tasks-finish{display:grid;gap:.5rem}.tasks-finish-button{border:none;background:var(--primary);color:var(--on-primary);padding:.85rem 1.1rem;border-radius:var(--radius-md);font-weight:900;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;justify-content:center}.tasks-finish-button:hover{background:var(--primary-hover)}.tasks-finish-button.disabled{opacity:.5;cursor:not-allowed}.tasks-finish-note{color:var(--text-tertiary);font-weight:600;text-align:center}.tasks-complete{position:fixed;top:0;right:0;bottom:0;left:0;background:#1216148c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1200;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.tasks-complete-card{background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border);padding:1.3rem;width:min(560px,100%);text-align:center;box-shadow:var(--shadow-soft);display:grid;gap:.8rem}.tasks-complete-mascot img{width:min(220px,100%);height:auto;margin:0 auto}@media (max-width: 960px){.tasks-hero{grid-template-columns:1fr}}@media (max-width: 640px){.tasks-title,.tasks-hero,.task-step,.tasks-explain{padding:1.1rem}}.task-item{display:flex;align-items:center;gap:.75rem;border-radius:var(--radius-md);border:1px solid var(--glass-border);padding:.9rem 1.1rem;background:var(--glass-bg);box-shadow:var(--shadow-soft);cursor:pointer;text-align:left;font-weight:600;color:var(--text-secondary)}.task-item.checked{border-color:rgba(var(--primary-rgb),.3);background:rgba(var(--primary-rgb),.08);color:var(--primary-strong)}.task-check{width:22px;height:22px;border-radius:6px;border:2px solid rgba(255,255,255,.2);display:inline-flex;align-items:center;justify-content:center}.task-item.checked .task-check{border-color:var(--primary);background:var(--primary)}.task-item.checked .task-check:after{content:"";width:10px;height:6px;border-left:2px solid white;border-bottom:2px solid white;transform:rotate(-45deg);margin-top:-2px}@media (max-width: 960px){.hero-card{grid-template-columns:1fr;text-align:left}.hero-mascot{justify-content:flex-start}}@media (max-width: 640px){.hero-card{padding:1.4rem 1.1rem}.today-status-card,.mission-preview,.today-progress{padding:1.1rem}.mission-card{padding:1.3rem 1.1rem}.hero-mascot img{width:130px}}.tracker-mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:1100;padding:.35rem .6rem calc(.5rem + var(--tg-safe-area-bottom));background:transparent;border-top:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;display:none}.tracker-mobile-nav-inner{display:flex;gap:.35rem;justify-content:space-between;background:#212328d9;border-radius:999px;padding:.35rem;border:1px solid rgba(255,255,255,.06);max-width:360px;margin:0 auto}.tracker-mobile-item{border:none;background:transparent;color:var(--text-tertiary);flex:1;min-width:0;padding:.3rem .25rem .2rem;border-radius:14px;display:flex;flex-direction:column;align-items:center;gap:.25rem;cursor:pointer;font-family:inherit}.tracker-mobile-item.active{color:var(--text-primary);background:#ffffff14}.tracker-mobile-item.sos{color:var(--warning)}.tracker-mobile-item.sos.active{background:#f0b4292e;color:var(--warning)}.tracker-mobile-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center}.tracker-mobile-icon svg{width:100%;height:100%}.tracker-mobile-label{font-size:.65rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;display:block}@media (max-width: 900px){.tracker-mobile-nav{display:block}}.tracker-tabs{display:flex;gap:.4rem;flex-wrap:wrap;padding:.3rem;border-radius:999px;background:#212328d9;border:1px solid rgba(255,255,255,.06);margin-bottom:2rem}.tracker-tab{border:none;background:transparent;padding:.45rem .8rem;border-radius:999px;font-weight:700;color:var(--text-tertiary);cursor:pointer;transition:all .2s ease;font-family:inherit}.tracker-tab.active{background:#ffffff14;color:var(--text-primary);box-shadow:0 8px 16px #00000059}.tracker-tab:focus-visible{outline:3px solid rgba(var(--primary-rgb),.35);outline-offset:2px}@media (max-width: 900px){.tracker-tabs{display:none}}.onboarding{position:fixed;top:0;right:0;bottom:0;left:0;background:#1216148c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1400;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.onboarding-card{width:min(720px,100%);background:var(--card-bg);border-radius:26px;padding:1.6rem;box-shadow:var(--shadow-soft);border:1px solid var(--card-border);display:grid;gap:1.4rem;max-height:calc(var(--tg-viewport-height) - 2.5rem);overflow:hidden}.onboarding-steps{display:flex;gap:.4rem;justify-content:center}.onboarding-steps span{width:10px;height:10px;border-radius:50%;background:#ffffff1f}.onboarding-steps span.active{background:var(--primary)}.onboarding-content{display:grid;grid-template-columns:minmax(0,.5fr) minmax(0,1fr);gap:1rem;align-items:center}.onboarding-mascot img{width:min(220px,100%);height:auto}.onboarding-text h2{margin:0 0 .6rem;font-size:var(--font-h3);line-height:var(--line-tight)}.onboarding-text p{margin:0;color:var(--text-secondary);font-weight:600;line-height:var(--line-relaxed)}.onboarding-options{display:grid;gap:.6rem;max-height:min(42vh,320px);overflow-y:auto;padding-right:.2rem;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.onboarding-options::-webkit-scrollbar{width:6px}.onboarding-options::-webkit-scrollbar-thumb{background:#fff3;border-radius:999px}.onboarding-options button{border:1px solid var(--card-border);background:var(--surface-alt);padding:.65rem .8rem;border-radius:16px;text-align:left;font-weight:700;cursor:pointer;color:var(--text-primary)}.onboarding-options button.active{border-color:rgba(var(--primary-rgb),.4);background:rgba(var(--primary-rgb),.12);color:var(--primary-strong)}.onboarding-date{display:grid;gap:.6rem}.onboarding-date label{display:grid;gap:.4rem;font-weight:700;color:var(--text-secondary)}.onboarding-date input{border:1px solid var(--card-border);border-radius:12px;padding:.6rem;font-family:inherit;background:var(--surface-alt);color:var(--text-primary)}.onboarding-final{text-align:center;font-weight:800;color:var(--primary-strong)}.onboarding-actions{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap}.onboarding-primary{border:none;background:var(--primary);color:var(--on-primary);padding:.65rem 1.1rem;border-radius:999px;font-weight:800;cursor:pointer}.onboarding-primary:hover{background:var(--primary-hover)}.onboarding-primary:disabled{opacity:.5;cursor:not-allowed}.onboarding-secondary{border:1px solid var(--card-border);background:var(--pill-bg);color:var(--text-primary);padding:.65rem 1.1rem;border-radius:999px;font-weight:700;cursor:pointer}@media (max-width: 640px){.onboarding-card{padding:1.2rem}.onboarding-content{grid-template-columns:1fr;text-align:center}.onboarding-actions{flex-direction:column}}.mascot-intro{position:fixed;top:0;right:0;bottom:0;left:0;background:#1216148c;display:flex;align-items:center;justify-content:center;padding:1.5rem;z-index:1200;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.mascot-card{width:min(680px,100%);background:var(--card-bg);border-radius:28px;padding:1.7rem;box-shadow:var(--shadow-soft);border:1px solid var(--card-border);position:relative}.mascot-skip{position:absolute;right:2rem;top:1.75rem;border:none;background:transparent;color:var(--text-secondary);font-weight:700;cursor:pointer}.mascot-content{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:1.5rem;align-items:center}.mascot-image{display:flex;justify-content:center}.mascot-image img{width:min(220px,100%);height:auto}.mascot-text h2{margin:.4rem 0 .8rem;font-size:var(--font-h3);line-height:var(--line-tight);color:var(--primary-strong)}.mascot-text p{margin:0;color:var(--text-secondary);line-height:var(--line-relaxed);font-weight:600}.mascot-step{font-size:.85rem;text-transform:uppercase;letter-spacing:.12em;color:var(--text-tertiary);font-weight:700}.mascot-actions{display:flex;justify-content:space-between;align-items:center;margin-top:1.2rem}.mascot-secondary,.mascot-primary{border:none;border-radius:999px;padding:.6rem 1.2rem;font-weight:800;cursor:pointer;font-family:inherit}.mascot-secondary{background:var(--pill-bg);border:1px solid var(--card-border);color:var(--text-primary)}.mascot-secondary:disabled{opacity:.4;cursor:not-allowed}.mascot-primary{background:var(--primary-strong);color:#fff;box-shadow:0 12px 24px rgba(var(--primary-rgb),.3)}.mascot-primary:hover{background:var(--primary-hover)}@media (max-width: 720px){.mascot-card{padding:1.5rem 1.2rem}.mascot-content{grid-template-columns:1fr;text-align:center}.mascot-actions{flex-direction:column;gap:.75rem}.mascot-secondary,.mascot-primary{width:100%}}.tracker-section{padding:var(--space-xl) var(--space-sm);background:#0000002e;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);margin:var(--section-gap) 0;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.04);animation:fadeIn .8s ease-out}.tracker-page{padding:calc(var(--space-xl) + var(--tg-content-safe-area-top)) var(--space-sm) calc(6rem + var(--tg-safe-area-bottom))}.tracker-topbar{display:flex;justify-content:flex-start;margin-bottom:var(--space-lg)}.tracker-link{border:none;background:transparent;color:var(--primary-strong);font-weight:700;cursor:pointer;padding:.5rem 0}.tracker-empty{background:var(--card-bg);border-radius:var(--radius-lg);border:1px solid var(--card-border);padding:var(--space-lg);text-align:center;box-shadow:var(--shadow-soft)}.tracker-empty h2{margin:0 0 .75rem;color:var(--primary-strong);font-size:1.8rem}.tracker-empty p{margin:0 0 1.5rem;color:var(--text-secondary)}.tracker-primary{background:var(--primary);color:var(--on-primary);border:none;padding:.9rem 1.6rem;border-radius:999px;font-weight:800;cursor:pointer}.tracker-primary:hover{background:var(--primary-hover)}.tracker-actions{display:flex;justify-content:center;margin-top:2.5rem;gap:.75rem;flex-wrap:wrap}.tracker-secondary{background:var(--primary-light);border:1px solid rgba(var(--primary-rgb),.25);color:var(--primary-strong);padding:.7rem 1.35rem;border-radius:999px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .2s ease}.tracker-secondary.danger{border-color:#dc262659;background:#dc262614;color:var(--error)}.tracker-secondary:hover{border-color:rgba(var(--primary-rgb),.45);background:rgba(var(--primary-rgb),.12);transform:translateY(-1px)}.tracker-reset{background:transparent;border:1px solid rgba(220,38,38,.3);color:var(--error);padding:.7rem 1.35rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.tracker-reset:hover{border-color:#dc262680;color:var(--error);transform:translateY(-1px)}@media (max-width: 900px){.tracker-page{padding-bottom:calc(8.5rem + env(safe-area-inset-bottom))}}.app{min-height:var(--tg-viewport-height);background:var(--surface);padding:0 .6rem;position:relative;overflow-x:hidden}.app-container{max-width:520px;margin:0 auto;position:relative;z-index:1}.main-content{width:100%}.section-fallback{height:240px;margin:1.8rem 0;border-radius:18px;background:linear-gradient(90deg,#ffffff0a,#ffffff1a,#ffffff0a);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite}.header{text-align:center;margin-bottom:3.5rem;animation:fadeInDown .8s cubic-bezier(.34,1.56,.64,1);padding-top:5.5rem;margin-top:1rem;position:relative;z-index:1;width:100%;display:block;visibility:visible;opacity:1}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.logo{font-size:4rem;font-weight:900;margin:0;color:var(--primary-strong);letter-spacing:-.03em;filter:drop-shadow(0 4px 12px rgba(var(--primary-rgb),.2));animation:logoGlow 3s ease-in-out infinite}@keyframes logoGlow{0%,to{filter:drop-shadow(0 4px 12px rgba(var(--primary-rgb),.2))}50%{filter:drop-shadow(0 8px 24px rgba(var(--primary-rgb),.35))}}.tagline{font-size:1.3rem;color:var(--text-secondary);margin:.75rem 0 0;font-weight:600;letter-spacing:-.01em}.main-content{animation:fadeIn 1s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%{opacity:.6}to{opacity:1}}.loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:1.1rem;color:var(--text-secondary);font-weight:700;background:var(--surface)}.telegram-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background:var(--surface)}.telegram-gate-card{width:min(420px,100%);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);padding:1.5rem;text-align:center;box-shadow:var(--shadow-soft);display:grid;gap:.6rem}.telegram-gate-card h2{margin:0;font-size:var(--font-h3)}.telegram-gate-card p{margin:0;color:var(--text-secondary)}.telegram-gate-button{margin-top:.6rem;background:var(--primary);color:#fff;text-decoration:none;padding:.7rem 1.2rem;border-radius:999px;font-weight:800;display:inline-flex;align-items:center;justify-content:center}.footer{text-align:center;margin-top:4rem;padding:2.5rem 2rem;animation:fadeIn 1.2s ease-out;background:var(--card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:24px;box-shadow:var(--shadow-soft);border:1px solid var(--card-border)}.footer-text{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0 0 .75rem;line-height:1.6}.footer-subtext{color:var(--text-secondary);font-size:.95rem;font-weight:500;margin:.5rem 0 0}.footer-copyright{color:var(--text-tertiary);font-size:.85rem;font-weight:500;margin:1.5rem 0 0}@media (max-width: 768px){.app{padding:.75rem .6rem}.logo{font-size:2.75rem}.tagline{font-size:1.1rem}.header{margin-bottom:2rem}.footer{padding:2rem 1.5rem;margin-top:3rem}}*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Manrope,Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#e5e7eb;background-color:#0e1621;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary: #2aabee;--primary-hover: #239ad6;--primary-light: rgba(42, 171, 238, .15);--on-primary: #ffffff;--secondary: #17212b;--accent: #2aabee;--primary-strong: #2aabee;--ink: #e5e7eb;--surface: #0e1621;--surface-alt: #17212b;--surface-elevated: #1c2732;--card-bg: #17212b;--card-bg-strong: #1f2b38;--card-border: rgba(255, 255, 255, .06);--pill-bg: #1f2b38;--primary-rgb: 42, 171, 238;--secondary-rgb: 23, 33, 43;--accent-rgb: 42, 171, 238;--text-primary: #e5e7eb;--text-secondary: #94a3b8;--text-tertiary: #64748b;--success: #22c55e;--success-bg: rgba(34, 197, 94, .2);--warning: #f59e0b;--warning-hover: #d97706;--warning-bg: rgba(245, 158, 11, .2);--error: #f87171;--error-bg: rgba(248, 113, 113, .18);--info: var(--primary);--info-bg: rgba(42, 171, 238, .2);--space-xs: .35rem;--space-sm: .75rem;--space-md: 1.1rem;--space-lg: 1.75rem;--space-xl: 2.5rem;--space-2xl: 3.5rem;--section-gap: 3.5rem;--font-h1: 2.4rem;--font-h2: 1.8rem;--font-h3: 1.35rem;--font-h4: 1.05rem;--font-body-lg: 1rem;--font-body: .95rem;--font-body-sm: .85rem;--font-body-xs: .72rem;--line-tight: 1.2;--line-normal: 1.55;--line-relaxed: 1.75;--duration-fast: .15s;--duration-normal: .3s;--duration-slow: .5s;--ease-default: cubic-bezier(.4, 0, .2, 1);--radius-sm: 10px;--radius-md: 16px;--radius-lg: 22px;--radius-xl: 28px;--radius-full: 999px;--radius-organic: 24px 20px 28px 16px;--glass-bg: rgba(23, 33, 43, .92);--glass-border: rgba(255, 255, 255, .08);--shadow-soft: 0 10px 30px rgba(0, 0, 0, .45);--shadow-soft-hover: 0 14px 36px rgba(0, 0, 0, .55);--tg-safe-area-top: env(safe-area-inset-top);--tg-safe-area-right: env(safe-area-inset-right);--tg-safe-area-bottom: env(safe-area-inset-bottom);--tg-safe-area-left: env(safe-area-inset-left);--tg-content-safe-area-top: env(safe-area-inset-top);--tg-content-safe-area-right: env(safe-area-inset-right);--tg-content-safe-area-bottom: env(safe-area-inset-bottom);--tg-content-safe-area-left: env(safe-area-inset-left);--tg-viewport-height: 100vh;--tg-viewport-stable-height: 100vh}body{margin:0;min-height:var(--tg-viewport-height);background-color:var(--surface);color:var(--text-primary)}#root{min-height:100vh}button{font-family:inherit;transition:transform var(--duration-fast) var(--ease-default),box-shadow var(--duration-fast) var(--ease-default),background-color var(--duration-fast) var(--ease-default),color var(--duration-fast) var(--ease-default),border-color var(--duration-fast) var(--ease-default)}input{font-family:inherit}input,textarea,select{background:#ffffff0a;color:var(--text-primary);border:1px solid rgba(255,255,255,.08)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}a{transition:color var(--duration-fast) var(--ease-default)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(var(--primary-rgb),.5);outline-offset:2px}.skip-link{position:absolute;left:1rem;top:0;transform:translateY(-120%);background:var(--card-bg);color:var(--text-primary);padding:.75rem 1rem;border-radius:999px;box-shadow:0 8px 20px #00000059;z-index:2000;text-decoration:none;font-weight:700;border:1px solid var(--card-border)}.skip-link:focus-visible{transform:translateY(1rem)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.card-glass{background:var(--glass-bg);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--glass-border);box-shadow:var(--shadow-soft);border-radius:var(--radius-lg)}.shadow-soft{box-shadow:var(--shadow-soft)}@keyframes gentleFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.gentle-fade-in{animation:gentleFadeIn var(--duration-slow) var(--ease-default)}@keyframes breathe{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.03);opacity:.98}}.breathe-animation{animation:breathe 4s ease-in-out infinite}@keyframes skeleton{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,#0000000d,#0000001a,#0000000d);background-size:200% 100%;animation:skeleton 1.5s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
