@import "https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Noto+Sans+KR:wght@300;400;500;700;900&family=Outfit:wght@300;400;500;600;700;800&display=swap";
:root{--bg-color:#faf9f6;--stroke-color:#2c2c2c;--text-primary:#2c2c2c;--text-secondary:#5e5e5e;--card-bg:#fff;--card-bg-hover:#fcfbf9;--highlight-yellow:#fff9db;--highlight-pink:#ffe3e3;--highlight-blue:#e7f5ff;--shadow-sketch:4px 4px 0px 0px var(--stroke-color);--shadow-sketch-hover:2px 2px 0px 0px var(--stroke-color);--shadow-sketch-active:0px 0px 0px 0px var(--stroke-color);--font-handwritten:"Nanum Pen Script", cursive;--font-standard:"Outfit", "Noto Sans KR", sans-serif}*{box-sizing:border-box;color:var(--text-primary);font-family:var(--font-standard);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{background-color:var(--bg-color);width:100%;min-height:100vh;position:relative;overflow-x:hidden}body{flex-direction:column;align-items:stretch;min-height:100vh;display:flex}.site-header{z-index:100;border-bottom:2px solid var(--stroke-color);background:#faf9f6f0;width:100%;position:sticky;top:0;box-shadow:0 2px #2c2c2c0f}.site-header-inner{max-width:1000px;margin:0 auto;padding:14px 20px}.site-logo{font-family:var(--font-handwritten);color:var(--text-primary);font-size:32px;font-weight:800;line-height:1;text-decoration:none;transition:opacity .15s;display:inline-block}.site-logo:hover{opacity:.75}.site-main{flex-direction:column;flex:1;align-items:center;width:100%;display:flex}.ambient-bg{z-index:-1;background-color:var(--bg-color);background-image:linear-gradient(#2c2c2c0a 1px,#0000 1px),linear-gradient(90deg,#2c2c2c0a 1px,#0000 1px);background-size:24px 24px;position:fixed;inset:0;overflow:hidden}.glow-blob-1,.glow-blob-2{display:none}.glass-panel{background:var(--card-bg);transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid var(--stroke-color)!important;box-shadow:var(--shadow-sketch)!important;-webkit-backdrop-filter:none!important}.card-item:nth-child(odd){border-radius:255px 20px 225px/20px 225px 20px 255px!important}.card-item:nth-child(2n){border-radius:20px 255px 20px 225px/225px 20px 255px!important}.glass-panel:hover{background:var(--card-bg-hover);transform:translate(1px,1px);box-shadow:var(--shadow-sketch-hover)!important}.glass-panel:active{transform:translate(3px,3px);box-shadow:var(--shadow-sketch-active)!important}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#00000005}::-webkit-scrollbar-thumb{background:var(--stroke-color);border:1px solid var(--bg-color);border-radius:4px}input,textarea,select{border:2px solid var(--stroke-color);width:100%;color:var(--text-primary);background:#fff;border-radius:255px 15px 225px/15px 225px 15px 255px;outline:none;padding:12px 16px;font-size:15px;transition:all .15s}input:focus,textarea:focus,select:focus{background:var(--card-bg-hover);box-shadow:2px 2px 0px var(--stroke-color);transform:translate(-1px,-1px)}textarea{border-radius:15px 255px 15px 225px/225px 15px 255px}label{color:var(--text-primary);margin-bottom:6px;font-size:15px;font-weight:700;display:block}.btn-primary{background:var(--highlight-yellow);color:var(--text-primary);font-size:18px;font-family:var(--font-handwritten);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:700;transition:all .2s;display:inline-flex;border:2px solid var(--stroke-color)!important;box-shadow:var(--shadow-sketch)!important;border-radius:180px 15px 150px/15px 150px 15px 180px!important}.btn-primary:hover{background:#fff3bf;box-shadow:var(--shadow-sketch-hover)!important;transform:translate(1px,1px)!important}.btn-primary:active{box-shadow:var(--shadow-sketch-active)!important;transform:translate(3px,3px)!important}.btn-primary:disabled{opacity:.6;cursor:not-allowed;background:#eaeaea;box-shadow:var(--shadow-sketch)!important;transform:none!important}.btn-secondary{color:var(--text-primary);border:2px solid var(--stroke-color);font-size:17px;font-family:var(--font-handwritten);cursor:pointer;box-shadow:var(--shadow-sketch);background:#fff;border-radius:15px 150px/150px 15px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary:hover{background:var(--card-bg-hover);box-shadow:var(--shadow-sketch-hover);transform:translate(1px,1px)}.btn-secondary:active{box-shadow:var(--shadow-sketch-active);transform:translate(3px,3px)}.google-signin-sketch-btn{width:100%;max-width:280px;font-size:15px!important;font-family:var(--font-standard)!important;border-radius:8px!important;padding:10px 20px!important}.google-signin-sketch-btn--compact{width:auto;max-width:none;padding:6px 12px!important;font-size:13px!important}.google-signin-overlay-wrap{width:100%;max-width:280px;display:inline-flex;position:relative}.google-signin-visual{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%}.google-signin-overlay{z-index:1;opacity:.001;cursor:pointer;position:absolute;inset:0;overflow:hidden}.google-signin-overlay>div,.google-signin-overlay iframe{width:100%!important;height:100%!important;margin:0!important}.google-signin-overlay-wrap:has(.google-signin-sketch-btn--compact){width:auto;max-width:none}.google-signin-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.btn-danger{background:var(--highlight-pink);color:var(--text-primary);border:2px solid var(--stroke-color);font-size:16px;font-family:var(--font-handwritten);cursor:pointer;box-shadow:2px 2px 0px var(--stroke-color);border-radius:100px 15px/15px 100px;justify-content:center;align-items:center;gap:6px;padding:8px 14px;font-weight:700;transition:all .15s;display:inline-flex}.btn-danger:hover{box-shadow:1px 1px 0px var(--stroke-color);background:#ffc9c9;transform:translate(1px,1px)}.btn-danger:active{box-shadow:0px 0px 0px var(--stroke-color);transform:translate(2px,2px)}.badge{font-size:14px;font-family:var(--font-handwritten);text-transform:uppercase;color:var(--text-primary);border:2px solid var(--stroke-color);background:#fff;border-radius:20px 5px/5px 20px;align-items:center;padding:4px 12px;font-weight:700;display:inline-flex}.badge-youtube{background:#ffe3e3}.badge-tiktok{background:#f1f3f5}.badge-general{background:var(--highlight-blue)}
