.pastel-app{--p-bg:#FFFFFF;--p-bg-card:#FFFFFF;--p-bg-warm:#F8F5F1;--p-bg-input:#F5F2EE;--p-bg-elevated:#FFFFFF;--p-text:#3D3429;--p-text-sec:#8C7E72;--p-text-muted:#B5A99D;--p-text-hint:#CEC4B8;--p-border:#E8DFD5;--p-border-light:#F0EAE2;--p-shadow-sm:0 1px 4px rgba(61,52,41,0.04);--p-shadow:0 2px 12px rgba(61,52,41,0.06);--p-shadow-lg:0 4px 24px rgba(61,52,41,0.08);--p-primary:#D4A574;--p-primary-light:#E8C4A0;--p-primary-dark:#B88B5E;--p-primary-bg:#FBF2EC;--p-lavender:#C4B5D4;--p-lavender-bg:#F0ECF5;--p-coral:#E8A090;--p-coral-bg:#FBF0ED;--p-mint:#93CDB8;--p-mint-bg:#EDF7F3;--p-sky:#9ABCE0;--p-sky-bg:#EEF4FA;--p-rose:#D4949A;--p-rose-bg:#F9EEF0;--p-peach:#F0C4A8;--p-peach-bg:#FBF2EC;--p-butter:#E8D48A;--p-butter-bg:#F9F4E8;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Noto Sans KR,sans-serif;background:var(--p-bg);color:var(--p-text);min-height:100dvh;position:relative}.pastel-app .pastel-glow{position:fixed;inset:0;background:radial-gradient(ellipse at 15% 20%,rgba(196,181,212,.12) 0,transparent 50%),radial-gradient(ellipse at 85% 15%,rgba(232,160,144,.08) 0,transparent 45%),radial-gradient(ellipse at 50% 85%,rgba(147,205,184,.08) 0,transparent 50%),radial-gradient(ellipse at 75% 60%,rgba(240,196,168,.06) 0,transparent 40%);pointer-events:none;z-index:0}.pastel-app .pastel-content{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100dvh}.p-card{background:var(--p-bg-card);border:1px solid var(--p-border-light);border-radius:20px;padding:20px;box-shadow:var(--p-shadow);transition:transform .2s ease,box-shadow .2s ease}.p-card:hover{box-shadow:var(--p-shadow-lg)}.p-card-warm{background:var(--p-bg-warm);border:1px solid var(--p-border);border-radius:20px;padding:20px}.p-btn{display:block;width:100%;padding:16px;border-radius:16px;font-size:16px;font-weight:600;cursor:pointer;border:none;font-family:inherit;transition:all .2s ease}.p-btn-primary{background:linear-gradient(135deg,var(--p-primary),var(--p-primary-light));color:#FFFFFF;box-shadow:0 4px 16px rgba(212,165,116,.25)}.p-btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(212,165,116,.35)}.p-btn-primary:active{transform:translateY(0)}.p-btn-primary:disabled{opacity:.4;cursor:not-allowed;transform:none;box-shadow:none}.p-btn-secondary{background:var(--p-bg-card);color:var(--p-text);border:1px solid var(--p-border)}.p-btn-secondary:hover{background:var(--p-bg-warm)}.p-btn-ghost{background:transparent;color:var(--p-text-sec)}.p-chip{display:inline-flex;align-items:center;gap:4px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}.p-chip-lavender{background:var(--p-lavender-bg);color:var(--p-lavender)}.p-chip-coral{background:var(--p-coral-bg);color:var(--p-coral)}.p-chip-mint{background:var(--p-mint-bg);color:var(--p-mint)}.p-chip-sky{background:var(--p-sky-bg);color:var(--p-sky)}.p-chip-rose{background:var(--p-rose-bg);color:var(--p-rose)}.p-chip-peach{background:var(--p-peach-bg);color:var(--p-peach)}.p-input{width:100%;background:var(--p-bg-input);border:1.5px solid var(--p-border);border-radius:14px;padding:14px 16px;font-size:15px;font-family:inherit;color:var(--p-text);transition:border-color .2s,box-shadow .2s}.p-input:focus{outline:none;border-color:var(--p-primary);box-shadow:0 0 0 3px rgba(212,165,116,.12)}.p-input::placeholder{color:var(--p-text-hint)}.p-select-chip{padding:14px 20px;border-radius:16px;border:1.5px solid var(--p-border);background:var(--p-bg-card);font-size:15px;font-weight:500;color:var(--p-text);cursor:pointer;transition:all .2s ease;text-align:center;font-family:inherit}.p-select-chip:hover{border-color:var(--p-primary-light);background:var(--p-primary-bg)}.p-select-chip.selected{border-color:var(--p-primary);background:var(--p-primary-bg);color:var(--p-primary-dark);font-weight:600}.p-likert{display:flex;align-items:center;gap:14px;padding:16px 20px;background:var(--p-bg-card);border:1.5px solid var(--p-border-light);border-radius:14px;cursor:pointer;transition:all .2s ease;font-size:14px;color:var(--p-text)}.p-likert:hover{border-color:var(--p-primary-light);background:var(--p-bg-warm)}.p-likert.selected{border-color:var(--p-primary);background:var(--p-primary-bg)}.p-likert .dot{width:22px;height:22px;border-radius:50%;border:2px solid var(--p-border);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.p-likert.selected .dot{border-color:var(--p-primary);background:var(--p-primary)}.p-likert.selected .dot:after{content:"";width:8px;height:8px;border-radius:50%;background:white}.p-progress-track{height:3px;background:var(--p-border-light);border-radius:2px;overflow:hidden}.p-progress-fill{height:100%;background:linear-gradient(90deg,var(--p-primary),var(--p-primary-light));border-radius:2px;transition:width .4s ease}.p-score-track{height:8px;background:var(--p-bg-input);border-radius:4px;overflow:hidden}.p-score-fill{height:100%;border-radius:4px;transition:width .8s ease}.p-spectrum-track{height:8px;background:var(--p-bg-input);border-radius:4px;position:relative;overflow:hidden}.p-spectrum-fill{height:100%;border-radius:4px;transition:width .6s ease}.p-bottom-tabs{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;background:rgba(255,255,255,.92);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--p-border-light);z-index:50;padding-bottom:env(safe-area-inset-bottom)}.p-bottom-tabs nav{display:flex;height:60px}.p-tab-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--p-text-muted);font-size:10px;font-weight:500;transition:color .2s}.p-tab-item.active{color:var(--p-primary-dark)}.p-tab-item svg{width:22px;height:22px}.p-message{background:linear-gradient(135deg,var(--p-peach-bg),var(--p-lavender-bg));border:1px solid rgba(212,165,116,.15);border-radius:20px;padding:24px;text-align:center}.p-today-card{background:var(--p-bg-card);border:1px solid var(--p-border-light);border-radius:20px;padding:20px;box-shadow:var(--p-shadow-sm)}.p-today-card .card-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:12px}.p-test-card{background:var(--p-bg-card);border:1px solid var(--p-border-light);border-radius:20px;padding:24px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--p-shadow-sm)}.p-test-card:hover{border-color:var(--p-primary-light);transform:translateY(-2px);box-shadow:var(--p-shadow)}.p-test-card.completed{opacity:.65}.p-test-card.completed:after{content:"\2713  완료";position:absolute;top:20px;right:20px;background:var(--p-primary);color:white;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:600}@keyframes p-fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.p-fade-in{animation:p-fadeIn .4s ease forwards}@keyframes p-fadeInUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.p-fade-in-up,.p-stagger>*{animation:p-fadeInUp .5s ease forwards}.p-stagger>*{opacity:0}.p-stagger>:first-child{animation-delay:.05s}.p-stagger>:nth-child(2){animation-delay:.1s}.p-stagger>:nth-child(3){animation-delay:.15s}.p-stagger>:nth-child(4){animation-delay:.2s}.p-stagger>:nth-child(5){animation-delay:.25s}.p-stagger>:nth-child(6){animation-delay:.3s}.p-stagger>:nth-child(7){animation-delay:.35s}.p-type-rank{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--p-bg-input);border-radius:12px}.p-type-rank:first-child{background:var(--p-primary-bg);border:1px solid rgba(212,165,116,.25)}.p-page{padding-bottom:calc(80px + env(safe-area-inset-bottom));min-height:100dvh}.pastel-app ::-webkit-scrollbar{width:0}.pastel-app,.pastel-app *{-webkit-text-fill-color:initial}