@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@font-face{font-family:Abel;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/5e1bda47f81ec89a-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Abel Fallback;src:local("Arial");ascent-override:114.21%;descent-override:34.39%;line-gap-override:0.00%;size-adjust:85.76%}.__className_f241f1{font-family:Abel,Abel Fallback;font-weight:400;font-style:normal}.__variable_f241f1{--font-abel:"Abel","Abel Fallback"}:root{color-scheme:light only;--background:#ffffff;--foreground:#1e293b;--primary:#4f46e5;--primary-glow:rgba(79,70,229,0.4);--secondary:#ec4899;--success:#10b981;--card-bg:rgba(255,255,255,0.85);--glass-border:rgba(255,255,255,0.6);--glass-shadow:0 8px 32px 0 rgba(31,38,135,0.1);--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;--text-primary:#1e293b;--text-secondary:#475569;--text-muted:#64748b;--breakpoint-mobile-sm:375px;--breakpoint-mobile:480px;--breakpoint-tablet:768px;--touch-target-min:44px;--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--color-lavender:#E6E6FA;--color-lavender-dark:#D8BFD8;--color-mint:#B0E0E6;--color-mint-dark:#98D8C8;--color-rose:#FFB6C1;--color-rose-dark:#FFB3BA;--color-peach:#FFDAB9;--color-lemon:#FFFACD;--gradient-pastel:linear-gradient(135deg,#E6E6FA,#B0E0E6 50%,#FFB6C1);--gradient-header:linear-gradient(90deg,#D8BFD8,#98D8C8);--gradient-card:linear-gradient(145deg,rgba(230,230,250,0.3),rgba(176,224,230,0.3));--theme-bg:#ffffff}html{background:var(--background);margin:0;padding:0;min-height:100%;overscroll-behavior:none}body{max-width:100vw;-webkit-overflow-scrolling:touch;color:var(--foreground);background:var(--background);font-family:var(--font-sans);margin:0;padding:0;line-height:1.6}.activity-wrapper,body{overflow-x:hidden;min-height:100vh}.activity-wrapper{min-height:100dvh;box-sizing:border-box;background:var(--theme-bg,var(--gradient-pastel));padding:32px 20px;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,sans-serif}.activity-container{max-width:1200px;margin:0 auto;animation:fadeInUp .6s ease-out;overflow-x:hidden}.activity-header{text-align:center;margin-bottom:32px}.activity-header h1{font-size:2.2rem;font-weight:700;color:#333;margin-bottom:20px}.activity-header .subtitle{font-size:1.1rem;color:#666;margin-bottom:32px;line-height:1.6}.progress-container{max-width:600px;margin:20px auto;padding:20px;background:rgba(255,255,255,.6);border-radius:20px;overflow-x:auto;-webkit-overflow-scrolling:touch}.progress-bar{gap:24px;min-width:max-content}.progress-bar,.progress-step{display:flex;justify-content:center;align-items:center;position:relative}.progress-step{width:44px;height:44px;border-radius:50%;background:#E8E8E8;font-weight:600;font-size:1rem;color:#666;z-index:2;transition:all .3s ease}.progress-step.active{background:var(--gradient-header);color:white;transform:scale(1.1)}.progress-step.completed{background:var(--color-mint-dark);color:white}.progress-line{position:absolute;top:50%;left:50px;right:50px;height:4px;background:#E8E8E8;z-index:1;transform:translateY(-50%);border-radius:2px}.progress-line-fill{height:100%;background:var(--gradient-header);transition:width .5s ease;border-radius:2px}.card-layout{background:white;border-radius:24px;border:1px solid #e2e8f0;padding:48px;margin-bottom:32px;animation:fadeInUp .6s ease-out .2s both;overflow-x:hidden}.card-section{background:var(--gradient-card);border-radius:12px;padding:32px;margin-bottom:20px;transition:all .3s ease;border:1px solid rgba(230,230,250,.5)}.card-section:last-child{margin-bottom:0}.card-header{margin-bottom:20px}.card-header,.card-icon{display:flex;align-items:center}.card-icon{width:48px;height:48px;border-radius:12px;background:var(--gradient-header);justify-content:center;margin-right:12px;font-size:1.5rem}.card-title{font-size:1.4rem;font-weight:600;color:#333;margin:0}.story-box{background:linear-gradient(135deg,rgba(255,218,185,.3),rgba(255,250,205,.3));border-left:4px solid var(--color-peach);font-size:1.05rem;line-height:1.7}.question-box,.story-box{padding:20px;border-radius:8px;margin-bottom:20px}.question-box{background:linear-gradient(135deg,rgba(176,224,230,.3),rgba(230,230,250,.3));border-left:4px solid var(--color-mint-dark)}.question-item{margin-bottom:12px;padding-left:20px;position:relative;color:#555;font-size:1.05rem}.question-item:before{content:"❓";position:absolute;left:0;font-size:1.2rem}.goal-box{background:linear-gradient(135deg,rgba(255,182,193,.3),rgba(255,179,186,.3));border-left:4px solid var(--color-rose-dark);padding:20px;border-radius:8px;margin-bottom:20px}.goal-item{margin-bottom:8px;padding-left:20px;position:relative;color:#555}.goal-item:before{content:"🎯";position:absolute;left:0}.form-group{margin-bottom:32px}.form-label{display:block;font-weight:600;color:#333;margin-bottom:12px;font-size:1.1rem}.form-input,.form-textarea{width:100%;padding:12px 20px;border:1px solid var(--color-mint-dark);border-radius:12px;font-size:1rem;line-height:1.6;box-sizing:border-box}.form-input:focus,.form-textarea:focus{outline:none}.form-textarea{resize:vertical;min-height:120px}.keyword-input-area{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-gap:12px;gap:12px;margin-top:16px}.keyword-input-item{display:flex;align-items:center;gap:8px}.keyword-input-item span{font-weight:600;color:#666;min-width:24px}.keyword-input-item input{flex:1 1;padding:10px;border:1px solid var(--color-mint-dark);border-radius:8px;font-size:1rem}.keyword-input-item input:focus{outline:none}.friend-item{background:#F7F7F7;padding:16px;border-radius:12px;margin-bottom:12px}.friend-item label{display:block;font-weight:600;margin-bottom:8px}.comparison-container{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px;margin-top:20px}.comparison-box{padding:20px;border-radius:12px;background:linear-gradient(135deg,rgba(230,230,250,.3),rgba(176,224,230,.3))}.comparison-box h4{font-weight:600;margin-bottom:12px;color:#333}.rating-btn{padding:12px 20px;border:2px solid #e8e8e8;border-radius:8px;background:white;cursor:pointer;font-size:1rem;transition:all .3s ease}.rating-btn:hover{border-color:var(--color-peach);background:rgba(255,218,185,.2)}.rating-btn.selected{border-color:var(--color-peach);background:linear-gradient(135deg,#FFDAB9,#FFFACD);font-weight:600}.navigation-buttons{display:flex;justify-content:space-between;margin-top:30px;padding:20px}.btn-next,.btn-prev{padding:12px 30px;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;text-decoration:none;transition:all .3s ease}.btn-prev{background:#6c757d;color:white}.btn-prev:hover{background:#5a6268}.btn-next{background:linear-gradient(135deg,#667eea,#764ba2);color:white}.btn-complete{padding:12px 30px;background:linear-gradient(135deg,#10b981,#059669);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer}.file-upload-wrapper{position:relative}.file-upload-input{display:none}.file-upload-label{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;border:1px dashed #e8e8e8;border-radius:12px;cursor:pointer;transition:all .3s ease}.file-upload-label:hover{border-color:var(--color-mint-dark);background:rgba(152,216,200,.1)}.file-upload-icon{font-size:2rem;margin-bottom:8px}.image-preview{margin-top:16px;text-align:center}.image-preview img{max-width:100%;max-height:300px;border-radius:12px}.completion-message{background:linear-gradient(135deg,#10b981,#059669);margin:30px 0}.completion-message,.quote-section{color:white;padding:30px;border-radius:16px;text-align:center}.quote-section{background:linear-gradient(135deg,#667eea,#764ba2);margin-bottom:30px}.quote-section p{font-size:1.4rem;font-weight:600;margin:0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pageEnter{0%{opacity:0}to{opacity:1}}main{animation:pageEnter .3s ease-out}.input-mode-toggle{display:flex;gap:8px;margin-bottom:16px;padding:4px;background:#f1f5f9;border-radius:12px;width:-moz-fit-content;width:fit-content}.mode-btn{padding:10px 20px;border:none;background:transparent;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;color:#64748b;transition:all .2s;display:flex;align-items:center;gap:6px}.mode-btn:hover{color:#1e293b}.mode-btn.active{background:white;color:#1e293b}.drawing-section{margin-top:12px}.saved-indicator{margin-top:12px;padding:8px 16px;background:#dcfce7;color:#166534;border-radius:8px;font-size:.9rem;font-weight:500;display:inline-block}@media (max-width:768px){.activity-wrapper{padding:16px 12px 12px;min-height:auto}.activity-header{margin-bottom:20px}.activity-header h1{font-size:1.5rem;margin-bottom:12px}.activity-header .subtitle{margin-bottom:16px}.progress-container{margin:12px auto;padding:12px;scrollbar-width:none}.progress-container::-webkit-scrollbar{display:none}.card-layout{padding:16px;margin-bottom:16px;border-radius:16px}.card-section{padding:16px;word-break:break-word;overflow-wrap:break-word}.card-title{font-size:1.1rem}.card-icon{width:40px;height:40px;font-size:1.2rem}.comparison-container,.keyword-input-area{grid-template-columns:1fr}.navigation-buttons{flex-direction:column;gap:12px;margin-top:16px;padding:12px 0}.btn-complete,.btn-next,.btn-prev{width:100%;text-align:center}.progress-step{width:36px;height:36px;font-size:.9rem;flex-shrink:0}.progress-bar{gap:12px}.progress-line{left:24px;right:24px}}@media (max-width:480px){.activity-wrapper{padding:12px 8px}.activity-header h1{font-size:1.3rem}.card-layout{padding:12px;border-radius:12px}.card-section{padding:12px}.progress-step{width:32px;height:32px;font-size:.8rem}.progress-bar{gap:8px}.progress-line{left:20px;right:20px}}@media (max-width:768px){input,select,textarea{font-size:16px!important}}@supports (padding:env(safe-area-inset-bottom)){body{padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right)}}@media (hover:none){a:hover,button:hover{background:inherit}}.touch-target{min-width:44px;min-height:44px}.draggable{touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none}@media (hover:none){.show-on-hover{opacity:1!important;visibility:visible!important}}@media (max-width:400px){body{font-size:max(14px,3.5vw)}.activity-wrapper{padding:8px 6px}.activity-header h1{font-size:1.15rem}.activity-header .subtitle{font-size:.9rem}.card-layout{padding:10px;border-radius:10px}.card-section{padding:10px}.card-icon,.card-title{font-size:1rem}.card-icon{width:36px;height:36px;border-radius:8px;margin-right:10px}.progress-step{width:28px;height:28px;font-size:.7rem}.progress-bar{gap:6px}.progress-container{padding:8px;margin:8px auto}.progress-line{left:16px;right:16px;height:3px}.form-input,.form-textarea{padding:10px 14px;border-radius:10px}.form-label{font-size:1rem;margin-bottom:8px}.navigation-buttons{padding:8px 0;margin-top:12px}.btn-complete,.btn-next,.btn-prev{padding:10px 24px;font-size:.9rem;min-height:44px}.file-upload-label{padding:24px}.file-upload-icon{font-size:1.5rem}.goal-box,.question-box,.story-box{padding:14px;font-size:.95rem}.goal-item,.question-item{font-size:.9rem;padding-left:18px}.goal-item:before,.question-item:before{font-size:1rem}.quote-section{padding:20px}.quote-section p{font-size:1.1rem}.completion-message{padding:20px;margin:20px 0}.input-mode-toggle{padding:3px;border-radius:10px}.mode-btn{padding:8px 14px;font-size:.85rem;border-radius:7px}.keyword-input-item input{padding:8px}.friend-item{padding:12px;border-radius:10px}.comparison-box{padding:14px;border-radius:10px}.comparison-box h4{font-size:.95rem}.rating-btn{padding:10px 16px;font-size:.9rem;min-height:44px}.glass-panel{border-radius:14px}.btn{padding:.625rem 1.25rem;font-size:.9rem;min-height:44px}.input-field{padding:.75rem;border-radius:10px;min-height:44px}[class*=ModalOverlay],[class*=modalOverlay]{padding:0!important;align-items:flex-end!important}[class*=Modal]:not([class*=modalOverlay]):not([class*=ModalOverlay]),[class*=modal]:not([class*=modalOverlay]):not([class*=ModalOverlay]){max-width:100%!important;width:100%!important;border-radius:16px 16px 0 0!important;max-height:90vh!important}[class*=Modal] input,[class*=Modal] select,[class*=Modal] textarea,[class*=modal] input,[class*=modal] select,[class*=modal] textarea{font-size:16px!important}[class*=Modal] button,[class*=modal] button{min-height:44px!important}}@supports (padding:env(safe-area-inset-bottom)){[class*=BottomBar],[class*=BottomSection],[class*=Footer],[class*=bottomBar],[class*=bottomSection],[class*=footer]{padding-bottom:env(safe-area-inset-bottom,.5rem)}[class*=ModalOverlay],[class*=modalOverlay]{padding-bottom:env(safe-area-inset-bottom,0)}@media (max-width:400px){[class*=Modal]:not([class*=modalOverlay]):not([class*=ModalOverlay]),[class*=modal]:not([class*=modalOverlay]):not([class*=ModalOverlay]){padding-bottom:env(safe-area-inset-bottom,1rem)!important}}}@media (max-width:768px){[class*=IconBtn],[class*=iconBtn],[role=button],a[class*=Btn],a[class*=btn],button{min-height:44px;min-width:44px}input[type=checkbox],input[type=radio]{width:20px;height:20px;min-width:44px;min-height:44px;margin:0;padding:12px;box-sizing:content-box}}.result-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-modal{background:white;border-radius:16px;max-width:700px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.result-modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e5e7eb}.result-modal-header h2{margin:0;font-size:1.25rem;color:#1f2937}.result-modal-close{background:none;border:none;font-size:1.5rem;color:#9ca3af;cursor:pointer;padding:4px;line-height:1;transition:color .2s}.result-modal-close:hover{color:#374151}.result-modal-content{flex:1 1;overflow-y:auto;padding:24px}.result-a4-page{background:#fafafa;border:1px solid #e5e7eb;border-radius:8px;padding:32px;min-height:400px}.result-a4-header{text-align:center;padding-bottom:24px;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.result-a4-icon{font-size:3rem;margin-bottom:12px}.result-a4-title{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0 0 8px}.result-a4-student{font-size:.95rem;color:#6b7280;margin:0}.result-a4-body{display:flex;flex-direction:column;gap:24px}.result-page-section{background:white;border:1px solid #e5e7eb;border-radius:8px;padding:20px}.result-page-title{font-size:1.1rem;font-weight:600;color:#374151;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.result-fields{gap:16px}.result-field-item,.result-fields{display:flex;flex-direction:column}.result-field-item{gap:6px}.result-field-label{font-size:.85rem;font-weight:600;color:#6b7280;text-transform:uppercase;letter-spacing:.025em}.result-field-value{color:#1f2937}.result-field-text{margin:0;line-height:1.6;white-space:pre-wrap}.result-field-image{max-width:100%;max-height:200px;border-radius:8px;border:1px solid #e5e7eb}.result-field-list{margin:0;padding-left:20px}.result-field-list li{margin-bottom:4px;line-height:1.5}.result-field-dl{margin:0;flex-direction:column}.result-field-dl,.result-field-dl-item{display:flex;gap:8px}.result-field-dl-item dt{font-weight:600;color:#6b7280;min-width:80px}.result-field-dl-item dd{margin:0;color:#1f2937}.result-modal-footer{padding:16px 24px;border-top:1px solid #e5e7eb;display:flex;justify-content:center}.result-btn-close{padding:12px 48px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:white;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.result-btn-close:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4)}@media (max-width:640px){.result-modal-overlay{padding:10px}.result-modal{max-height:95vh;border-radius:12px}.result-modal-header{padding:16px 20px}.result-modal-header h2{font-size:1.1rem}.result-modal-content{padding:16px}.result-a4-page{padding:20px}.result-a4-icon{font-size:2.5rem}.result-a4-title{font-size:1.25rem}.result-page-section{padding:16px}.result-page-title{font-size:1rem}.result-modal-footer{padding:12px 20px}.result-btn-close{width:100%;padding:14px}}