.uknow-page{min-height:100vh;padding:var(--space-lg);padding-top:var(--space-3xl);background:var(--color-background);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.uknow-form-page{min-height:100vh;padding:var(--space-lg);padding-top:var(--space-3xl);padding-bottom:var(--space-3xl);background:var(--color-background);flex-direction:column;max-width:640px;margin:0 auto;display:flex}.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);justify-content:center;align-items:center;gap:var(--space-sm);display:flex}.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:#fff;border-color:var(--color-primary);box-shadow:3px 3px #6c5ce766}.uknow-btn--primary:hover{box-shadow:1px 1px #6c5ce766}.uknow-btn--secondary{background:var(--color-primary);color:#fff;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{color:#3c1e1e;background:#fee500;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);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);outline:none;font-family:inherit}.uknow-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c5ce733}.uknow-textarea::placeholder{color:var(--color-text-muted);font-weight:400}.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);transition:box-shadow var(--transition-fast),border-color var(--transition-fast);outline:none;font-family:inherit}.uknow-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c5ce733}.uknow-input::placeholder{color:var(--color-text-muted);font-weight:400}.uknow-title{font-size:var(--font-size-3xl);color:var(--color-text);font-weight:900;line-height:1.2}.uknow-subtitle{font-size:var(--font-size-lg);color:var(--color-text-muted);font-weight:700}.uknow-label{font-size:var(--font-size-lg);color:var(--color-text);margin-bottom:var(--space-sm);font-weight:700;display:block}.uknow-char-count{text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-top:var(--space-xs);font-weight:700}.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);font-weight:700;font-size:var(--font-size-sm);color:var(--color-text);cursor:pointer;appearance:none;background:#a29bfe14 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") no-repeat;background-position:right var(--space-sm)center;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background var(--transition-fast);background-size:16px;outline:none;font-family:inherit}.uknow-select:hover{border-color:var(--color-primary);background-color:#6c5ce714}.uknow-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #6c5ce726}.uknow-steps{justify-content:center;align-items:center;gap:var(--space-sm);margin-top:var(--space-lg);padding:var(--space-md);border-radius:var(--radius-lg);background:#6c5ce70f;border:1px solid #6c5ce726;display:flex}.uknow-step{flex-direction:column;align-items:center;gap:4px;display:flex}.uknow-step__icon{font-size:var(--font-size-xl)}.uknow-step__text{font-size:var(--font-size-xs,11px);color:var(--color-text);white-space:nowrap;font-weight:700}.uknow-step__arrow{font-size:var(--font-size-md);color:var(--color-primary);margin-top:-8px;font-weight:900}
.uknow-badge{padding:var(--space-xs)var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--color-text);font-weight:700;display:inline-block;transform:rotate(-2deg)}.uknow-badge--accent{background:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.uknow-question-box{border:2px solid var(--color-primary);border-radius:var(--radius-md);padding:var(--space-md);background:#6c5ce70d}.uknow-overlay{z-index:var(--z-modal);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.uknow-overlay__card{background:var(--color-surface);border:2px solid var(--color-text);border-radius:var(--radius-lg);padding:var(--space-xl);text-align:center;transform:rotate(2deg);box-shadow:0 8px 32px #00000026}.uknow-overlay__text{font-size:var(--font-size-2xl);color:var(--color-text);font-weight:900}.uknow-flip-card{cursor:pointer;perspective:1000px}.uknow-flip-card__back{background:var(--color-primary);color:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg);transform:rotate(-1deg);box-shadow:3px 3px #6c5ce74d}.uknow-flip-card__front{border:2px solid var(--color-primary);border-radius:var(--radius-lg);padding:var(--space-lg);background:#6c5ce71a;transform:rotate(1deg);box-shadow:3px 3px #6c5ce74d}.uknow-flip-card__mystery{height:128px;font-size:var(--font-size-2xl);color:var(--color-primary);justify-content:center;align-items:center;font-weight:900;display:flex}.uknow-prediction-box{border:2px solid var(--color-secondary);border-radius:var(--radius-lg);padding:var(--space-lg);background:#a29bfe1a;transform:rotate(1deg);box-shadow:3px 3px #a29bfe4d}.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{text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);padding:var(--space-md);border:1px solid var(--color-secondary);border-radius:var(--radius-md);background:#a29bfe1a;font-weight:700;transform:rotate(-1deg)}.uknow-hint-box{border:1px solid var(--color-secondary);border-radius:var(--radius-md);padding:var(--space-md);text-align:center;font-size:var(--font-size-sm);color:var(--color-text);background:#a29bfe1a;font-weight:700;transform:rotate(-1deg)}.uknow-emoji{font-size:var(--font-size-4xl);opacity:.15;position:absolute}.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{gap:var(--space-md);flex-direction:column;display:flex;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{border-color:var(--color-secondary);background:#a29bfe1a;transform:rotate(-1deg);box-shadow:3px 3px #a29bfe66}.uknow-compare-card--friend{background:#00b8940f;border-color:#00b894;transform:rotate(1deg);box-shadow:3px 3px #00b89433}.uknow-compare-card--friend.uknow-compare-card--revealed{background:#00b8941a;border-color:#00b894;animation:2.5s ease-in-out infinite uknow-wiggle;box-shadow:3px 3px #00b89459}@keyframes uknow-wiggle{0%,to{transform:rotate(1deg)}25%{transform:rotate(0)}75%{transform:rotate(2deg)}}.uknow-compare-header{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.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{padding:var(--space-md)0;justify-content:center;align-items:center;display:flex}.uknow-reveal-btn{background:var(--color-primary);color:#fff;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);cursor:pointer;box-shadow:3px 3px 0 0 var(--color-text);transition:all var(--transition-fast);font-family:inherit;animation:1.2s ease-in-out infinite uknow-bounce}.uknow-reveal-btn:hover{box-shadow:1px 1px 0 0 var(--color-text);animation:none;transform:translateY(2px)}@keyframes uknow-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}.uknow-match-badge{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:.4s cubic-bezier(.34,1.56,.64,1) uknow-pop;display:inline-block}.uknow-match-badge--match{color:#fff;background:#00b894;border-color:#00b894;box-shadow:3px 3px #00b89466}.uknow-match-badge--miss{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:3px 3px #ff6b8166}@keyframes uknow-pop{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.uknow-compare-hidden{justify-content:center;align-items:center;gap:var(--space-xs);flex-direction:column;min-height:48px;display:flex}.uknow-compare-hidden span{font-size:var(--font-size-2xl);color:var(--color-text-muted);letter-spacing:4px;font-weight:900}.uknow-compare-hidden-hint{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:700}