@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f6f8fb;color:#222;font-family:Noto Sans KR,Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--candy-pink:#ff69b4;--candy-blue:#87ceeb;--candy-purple:plum;--candy-yellow:gold;--candy-mint:#98ff98;--candy-red:#f44;--candy-watermelon:#ff6b6b;--background-color:#fff5f5;--text-color:#333;--candy-gradient:linear-gradient(90deg,#ff69b4,gold);--candy-border:2.5px solid #0000;--candy-shadow:0 4px 16px #ff69b414}body{background-color:#fff5f5;background-color:var(--background-color);color:#333;color:var(--text-color);font-family:Noto Sans KR,Poppins,sans-serif;line-height:1.6}.App{min-height:100vh;text-align:center}.app-container{margin:0 auto;max-width:1200px;padding:2rem}.app-header{margin-bottom:3rem;position:relative}.title{color:#ff69b4;color:var(--candy-pink);font-size:3.5rem;font-weight:700;letter-spacing:1px;margin-bottom:.5rem;position:relative;text-shadow:2px 2px 8px #ffffffb3,0 2px 8px #00000014}.subtitle,.title{font-family:Poppins,Noto Sans KR,sans-serif}.subtitle{color:plum;color:var(--candy-purple);font-size:1.5rem;font-weight:500;margin-top:0;opacity:.9}.option-button{align-items:center;background:#fff;border:2.5px solid #0000;border:var(--candy-border);border-image:linear-gradient(90deg,#ff69b4,gold) 1;border-image:var(--candy-gradient) 1;border-radius:18px;border-style:solid;border-width:3px;box-shadow:0 4px 16px #ff69b414;box-shadow:var(--candy-shadow);color:#333;color:var(--text-color);cursor:pointer;display:flex;flex-direction:column;font-family:Noto Sans KR,Poppins,sans-serif;font-size:1.2rem;font-weight:600;justify-content:center;margin:1rem;outline:none;overflow:hidden;padding:2rem 1.5rem;position:relative;text-align:center;text-shadow:1px 1px 6px #ffffffb3,0 1px 4px #00000014;transition:all .3s ease;width:320px;word-break:keep-all}.option-button:hover{border-image:linear-gradient(90deg,gold,#ff69b4) 1;box-shadow:0 8px 24px #ff69b42e}.option-button .icon{font-size:2.2rem;margin-bottom:.5rem}.option-button .button-text{font-size:1.3rem;font-weight:700;line-height:1.2;margin-bottom:.2rem}.option-button .button-desc{color:#888;font-size:1rem;font-weight:400;line-height:1.3;margin-top:.2rem}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.candy-modal{background:#fff8fa;border:2.5px solid gold;border-radius:18px;box-shadow:0 8px 32px #ff69b41f;margin:0 auto;max-width:420px;padding:2.5rem 2rem}.modal-title{color:#ff69b4;color:var(--candy-pink);font-family:Noto Sans KR,Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:2rem;text-align:center;text-shadow:1px 1px 6px #ffffffb3,0 1px 4px #00000014}.input-container{margin-bottom:1.5rem}.input-container label{color:#333;color:var(--text-color);display:block;font-family:Noto Sans KR,sans-serif;font-size:1rem;font-weight:500;margin-bottom:.5rem}.candy-input,.custom-text-input{border:2px solid #ff69b4;border-radius:8px;font-size:1rem;margin-bottom:1rem;margin-top:.5rem;outline:none;padding:10px 14px;transition:border .2s}.candy-input:focus,.custom-text-input:focus{border:2px solid gold}.custom-input-wrapper{align-items:center;background:#fff;border:2px solid #e0e0e0;border-radius:12px;display:flex;padding:0 16px}.domain-prefix{border-right:2px solid #e0e0e0;color:#333;color:var(--text-color);font-weight:500;padding-right:12px}.result-container{background:#fff;border-radius:20px;box-shadow:0 8px 20px #0000001a;margin-top:2rem;padding:2rem}.result-container h2{color:#ff69b4;color:var(--candy-pink);font-family:Noto Sans KR,Poppins,sans-serif;font-size:1.8rem;font-weight:700;margin-bottom:1.5rem;text-shadow:1px 1px 6px #ffffffb3,0 1px 4px #00000014}.url-display{align-items:center;background:#f8f9fa;border-radius:12px;display:flex;gap:1rem;justify-content:space-between;margin:1rem 0;padding:1rem}.url-display a{color:#333;color:var(--text-color);font-size:1rem;text-decoration:none;word-break:break-all}.cancel-button,.copy-button,.reset-button,.submit-button{background:#fff;border:2.5px solid #0000;border:var(--candy-border);border-image:linear-gradient(90deg,#ff69b4,gold) 1;border-image:var(--candy-gradient) 1;border-radius:12px;border-style:solid;border-width:2.5px;box-shadow:0 2px 8px #ff69b414;color:#333;color:var(--text-color);cursor:pointer;font-size:1rem;font-weight:600;margin:0 .5rem;padding:10px 24px;transition:all .2s}.cancel-button:hover,.copy-button:hover,.reset-button:hover,.submit-button:hover{background:#fff5f5;border-image:linear-gradient(90deg,gold,#ff69b4) 1}.qr-container{background:#f8f9fa;border-radius:12px;margin:1.5rem 0;padding:1.5rem}.qr-container h3{color:#333;color:var(--text-color);font-family:Noto Sans KR,Poppins,sans-serif;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.qr-code{background:#fff;border-radius:8px;display:inline-block;padding:1rem}.toast{background:#fff;border-radius:12px;bottom:2rem;box-shadow:0 4px 12px #0000001a;font-family:Noto Sans KR,sans-serif;font-size:.9rem;font-weight:500;left:50%;padding:1rem 2rem;position:fixed;transform:translateX(-50%);z-index:1000}.toast.success{background:#98ff98;background:var(--candy-mint);color:#fff}.toast.error{background:#f44;background:var(--candy-red);color:#fff}@media (max-width:768px){.app-container{padding:1rem}.title{font-size:2.5rem}.option-button{margin:1rem 0;width:100%}}.candy-decoration{background:#ff69b4;background:var(--candy-pink);border-radius:50%;height:40px;opacity:.1;position:absolute;width:40px}.candy-decoration:nth-child(2n){background:plum;background:var(--candy-purple)}.candy-decoration:nth-child(3n){background:#87ceeb;background:var(--candy-blue)}.student-card{background:#fff;border-radius:20px;box-shadow:0 8px 16px #0000001a;margin:1rem;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.student-card:before{background:linear-gradient(90deg,#ff69b4,plum);background:linear-gradient(90deg,var(--candy-pink),var(--candy-purple));content:"";height:5px;left:0;position:absolute;top:0;width:100%}.student-card:hover{box-shadow:0 12px 20px #00000026;transform:translateY(-5px)}.student-name{color:#ff69b4;color:var(--candy-pink);font-size:1.5rem;margin-bottom:.5rem}.student-info{color:#333;color:var(--text-color);margin-bottom:1rem}.student-actions{display:flex;gap:1rem;justify-content:center}.action-button{border:none;border-radius:10px;cursor:pointer;font-weight:700;padding:.5rem 1rem;transition:all .3s ease}.action-button.edit{background:#87ceeb;background:var(--candy-blue);color:#fff}.action-button.delete{background:#ff69b4;background:var(--candy-pink);color:#fff}.action-button:hover{opacity:.9;transform:scale(1.05)}.teacher-page{background:#f6f8fb;margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.teacher-page h1{color:#2c3e50;font-size:2.5rem;font-weight:700;margin-bottom:2rem;text-align:center}.game-controls{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-top:2rem}.game-setup,.student-progress{background:#fff;border-radius:15px;box-shadow:0 4px 6px #0000001a;padding:2rem;transition:transform .2s ease-in-out}.game-setup:hover,.student-progress:hover{transform:translateY(-5px)}.game-setup h2,.student-progress h2{color:#3498db;font-size:1.8rem;font-weight:600;margin-bottom:1.5rem;text-align:center}.progress-content,.setup-content{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:300px}.student-page{margin:0 auto;max-width:1200px;padding:2rem}.student-page h1{color:#2c3e50;margin-bottom:2rem;text-align:center}.game-area{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr}.game-content,.progress-tracker{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;padding:2rem}.game-content h2,.progress-tracker h2{color:#e74c3c;margin-bottom:1.5rem}@media (max-width:768px){.game-area,.game-controls{grid-template-columns:1fr}.teacher-page{padding:1rem}.teacher-page h1{font-size:2rem}.game-setup h2,.student-progress h2{font-size:1.5rem}}.loading-container{align-items:center;background:#f6f8fb;display:flex;height:100vh;justify-content:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#3498db;height:40px;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-container{align-items:center;background:#f6f8fb;color:#e74c3c;display:flex;font-size:1.2rem;height:100vh;justify-content:center;padding:2rem;text-align:center}.button-desc,.button-text{white-space:pre-line}.button-container{align-items:flex-start;display:flex;flex-direction:row;gap:2rem;justify-content:center;margin-top:2rem}@media (max-width:768px){.button-container{flex-direction:column;gap:1rem}}
/*# sourceMappingURL=main.ae3668a5.css.map*/