.uknow-page{align-items:center;justify-content:center;position:relative;overflow:hidden}.uknow-form-page,.uknow-page{min-height:100vh;display:flex;flex-direction:column;padding:var(--space-lg);padding-top:var(--space-3xl);background:var(--color-background)}.uknow-form-page{padding-bottom:var(--space-3xl);max-width:640px;margin:0 auto}.uknow-card{background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:3px 3px 0 0 var(--color-text);transition:box-shadow var(--transition-fast),transform var(--transition-fast)}.uknow-card:hover{box-shadow:1px 1px 0 0 var(--color-text)}.uknow-card--tilted-left{transform:rotate(-1deg)}.uknow-card--tilted-right{transform:rotate(1deg)}.uknow-btn{width:100%;padding:var(--space-lg) var(--space-xl);border-radius:var(--radius-lg);border:2px solid var(--color-text);font-weight:700;font-size:var(--font-size-xl);cursor:pointer;transition:all var(--transition-fast);box-shadow:3px 3px 0 0 var(--color-text);display:flex;align-items:center;justify-content:center;gap:var(--space-sm)}.uknow-btn:hover{box-shadow:1px 1px 0 0 var(--color-text);transform:translateY(2px)}.uknow-btn:disabled{opacity:.5;cursor:not-allowed}.uknow-btn--primary{background:var(--color-primary);color:#ffffff;border-color:var(--color-primary);box-shadow:3px 3px 0 0 rgba(108,92,231,.4)}.uknow-btn--primary:hover{box-shadow:1px 1px 0 0 rgba(108,92,231,.4)}.uknow-btn--secondary{background:var(--color-primary);color:#ffffff;border-color:var(--color-text);box-shadow:3px 3px 0 0 var(--color-text)}.uknow-btn--secondary:hover{box-shadow:1px 1px 0 0 var(--color-text)}.uknow-btn--kakao{background:#FEE500;color:#3C1E1E;border-color:#3C1E1E}.uknow-btn--outline{background:var(--color-surface);color:var(--color-text)}.uknow-textarea{width:100%;min-height:128px;padding:var(--space-md);border:2px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-surface);resize:none;font-weight:700;font-size:var(--font-size-md);font-family:inherit;outline:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.uknow-textarea:focus{box-shadow:0 0 0 3px rgba(108,92,231,.2);border-color:var(--color-primary)}.uknow-textarea::-moz-placeholder{font-weight:400;color:var(--color-text-muted)}.uknow-textarea::placeholder{font-weight:400;color:var(--color-text-muted)}.uknow-input{width:100%;padding:var(--space-md);border:2px solid var(--color-text);border-radius:var(--radius-md);background:var(--color-surface);font-weight:700;font-size:var(--font-size-md);font-family:inherit;outline:none;transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.uknow-input:focus{box-shadow:0 0 0 3px rgba(108,92,231,.2);border-color:var(--color-primary)}.uknow-input::-moz-placeholder{font-weight:400;color:var(--color-text-muted)}.uknow-input::placeholder{font-weight:400;color:var(--color-text-muted)}.uknow-title{font-size:var(--font-size-3xl);font-weight:900;color:var(--color-text);line-height:1.2}.uknow-subtitle{color:var(--color-text-muted)}.uknow-label,.uknow-subtitle{font-size:var(--font-size-lg);font-weight:700}.uknow-label{color:var(--color-text);display:block;margin-bottom:var(--space-sm)}.uknow-char-count{text-align:right;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted);margin-top:var(--space-xs)}.uknow-example-select-wrap{margin-bottom:var(--space-md)}.uknow-select{width:100%;padding:var(--space-sm) var(--space-md);padding-right:var(--space-xl);border:2px solid var(--color-secondary);border-radius:var(--radius-md);background:rgba(162,155,254,.08);font-weight:700;font-size:var(--font-size-sm);font-family:inherit;color:var(--color-text);cursor:pointer;outline:none;-moz-appearance:none;appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236c5ce7' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-sm) center;background-size:16px;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast)}.uknow-select:hover{border-color:var(--color-primary);background-color:rgba(108,92,231,.08)}.uknow-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(108,92,231,.15)}.uknow-steps{justify-content:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md);background:rgba(108,92,231,.06);border:1px solid rgba(108,92,231,.15);border-radius:var(--radius-lg)}.uknow-step,.uknow-steps{display:flex;align-items:center}.uknow-step{flex-direction:column;gap:4px}.uknow-step__icon{font-size:var(--font-size-xl)}.uknow-step__text{font-size:var(--font-size-xs,11px);font-weight:700;color:var(--color-text);white-space:nowrap}.uknow-step__arrow{font-size:var(--font-size-md);font-weight:900;color:var(--color-primary);margin-top:-8px}.uknow-badge{display:inline-block;padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);font-weight:700;transform:rotate(-2deg);border:1px solid var(--color-text)}.uknow-badge--accent{background:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.uknow-question-box{background:rgba(108,92,231,.05);border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md)}.uknow-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.4);z-index:var(--z-modal);backdrop-filter:blur(4px)}.uknow-overlay__card{background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-xl);transform:rotate(2deg);box-shadow:0 8px 32px rgba(0,0,0,.15);text-align:center}.uknow-overlay__text{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-text)}.uknow-flip-card{cursor:pointer;perspective:1000px}.uknow-flip-card__back{background:var(--color-primary);color:var(--color-surface);transform:rotate(-1deg)}.uknow-flip-card__back,.uknow-flip-card__front{border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:3px 3px 0 0 rgba(108,92,231,.3)}.uknow-flip-card__front{background:rgba(108,92,231,.1);transform:rotate(1deg)}.uknow-flip-card__mystery{height:128px;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:900;color:var(--color-primary)}.uknow-prediction-box{background:rgba(162,155,254,.1);border:2px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);transform:rotate(1deg);box-shadow:3px 3px 0 0 rgba(162,155,254,.3)}.uknow-reaction-card{background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:3px 3px 0 0 var(--color-text);text-align:center}.uknow-ttl-notice{color:var(--color-text-muted)}.uknow-hint-box,.uknow-ttl-notice{text-align:center;font-size:var(--font-size-sm);font-weight:700;padding:var(--space-md);background:rgba(162,155,254,.1);border:1px solid var(--color-secondary);border-radius:var(--radius-md);transform:rotate(-1deg)}.uknow-hint-box{color:var(--color-text)}.uknow-emoji{position:absolute;font-size:var(--font-size-4xl);opacity:.15}.uknow-result-label{font-weight:900;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:8px}.uknow-result-text{font-weight:900;font-size:var(--font-size-xl);color:var(--color-text);line-height:1.4}.uknow-compare-section{display:flex;flex-direction:column;gap:var(--space-md);position:relative}.uknow-compare-card{border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:3px 3px 0 0 var(--color-text);transition:all .4s cubic-bezier(.34,1.56,.64,1)}.uknow-compare-card--mine{background:rgba(162,155,254,.1);border-color:var(--color-secondary);box-shadow:3px 3px 0 0 rgba(162,155,254,.4);transform:rotate(-1deg)}.uknow-compare-card--friend{background:rgba(0,184,148,.06);border-color:#00b894;box-shadow:3px 3px 0 0 rgba(0,184,148,.2);transform:rotate(1deg)}.uknow-compare-card--friend.uknow-compare-card--revealed{background:rgba(0,184,148,.1);border-color:#00b894;box-shadow:3px 3px 0 0 rgba(0,184,148,.35);animation:uknow-wiggle 2.5s ease-in-out infinite}@keyframes uknow-wiggle{0%,to{transform:rotate(1deg)}25%{transform:rotate(0deg)}75%{transform:rotate(2deg)}}.uknow-compare-header{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.uknow-compare-emoji{font-size:var(--font-size-xl)}.uknow-compare-who{font-weight:900;font-size:var(--font-size-sm);color:var(--color-text-muted)}.uknow-compare-answer{font-weight:900;font-size:var(--font-size-lg);color:var(--color-text);line-height:1.4}.uknow-compare-divider{display:flex;align-items:center;justify-content:center;padding:var(--space-md) 0}.uknow-reveal-btn{background:var(--color-primary);color:#ffffff;border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-sm) var(--space-xl);font-weight:900;font-size:var(--font-size-md);font-family:inherit;cursor:pointer;box-shadow:3px 3px 0 0 var(--color-text);transition:all var(--transition-fast);animation:uknow-bounce 1.2s ease-in-out infinite}.uknow-reveal-btn:hover{box-shadow:1px 1px 0 0 var(--color-text);transform:translateY(2px);animation:none}@keyframes uknow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.uknow-match-badge{display:inline-block;padding:var(--space-xs) var(--space-lg);border-radius:var(--radius-lg);font-weight:900;font-size:var(--font-size-lg);border:2px solid var(--color-text);box-shadow:3px 3px 0 0 var(--color-text);animation:uknow-pop .4s cubic-bezier(.34,1.56,.64,1)}.uknow-match-badge--match{background:#00b894;color:#ffffff;border-color:#00b894;box-shadow:3px 3px 0 0 rgba(0,184,148,.4)}.uknow-match-badge--miss{background:var(--color-accent);color:#ffffff;border-color:var(--color-accent);box-shadow:3px 3px 0 0 rgba(255,107,129,.4)}@keyframes uknow-pop{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.uknow-compare-hidden{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:48px;gap:var(--space-xs)}.uknow-compare-hidden span{font-size:var(--font-size-2xl);font-weight:900;color:var(--color-text-muted);letter-spacing:4px}.uknow-compare-hidden-hint{font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted)}