@import"https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&family=Fredoka:wght@400;500;600;700&display=swap";:root{--bg-primary: #1a1a2e;--bg-secondary: #16213e;--bg-card: #0f3460;--accent-coral: #e94560;--accent-yellow: #f9ed69;--accent-teal: #08d9d6;--accent-purple: #7c3aed;--text-primary: #f0f0f0;--text-secondary: #a0a0b0;--text-muted: #6b7280;--border-color: #3d4f6f;--shadow-color: rgba(0, 0, 0, .3);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--font-sans: "Nunito", "Segoe UI", system-ui, -apple-system, sans-serif;--font-display: "Fredoka", "Comic Sans MS", cursive, sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-sans);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);color:var(--text-primary);min-height:100vh;line-height:1.6}#app{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.2}a{color:var(--accent-teal);text-decoration:none;transition:color .2s ease}a:hover{color:var(--accent-yellow)}button{font-family:var(--font-sans);font-weight:600;padding:12px 24px;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .2s ease;font-size:1rem}button:disabled{opacity:.6;cursor:not-allowed}button.primary,.hero button,.modal-buttons button:last-child,.controls button:last-child{background:linear-gradient(135deg,var(--accent-coral) 0%,#d63955 100%);color:#fff;box-shadow:0 4px 15px #e9456066}button.primary:hover:not(:disabled),.hero button:hover:not(:disabled),.modal-buttons button:last-child:hover:not(:disabled),.controls button:last-child:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #e9456080}button.secondary,.link-card button,.controls button:first-child,.modal-buttons button:first-child{background:transparent;color:var(--accent-teal);border:2px solid var(--accent-teal)}button.secondary:hover:not(:disabled),.link-card button:hover:not(:disabled),.controls button:first-child:hover:not(:disabled),.modal-buttons button:first-child:hover:not(:disabled){background:var(--accent-teal);color:var(--bg-primary)}.actions button{padding:8px 16px;font-size:.875rem;background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color)}.actions button:hover:not(:disabled){background:var(--accent-purple);border-color:var(--accent-purple)}.actions button:last-child{color:var(--accent-coral);border-color:var(--accent-coral)}.actions button:last-child:hover:not(:disabled){background:var(--accent-coral);color:#fff}input[type=text],input[type=email],input[type=password],textarea{font-family:var(--font-sans);font-size:1rem;padding:12px 16px;background:var(--bg-secondary);border:2px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color .2s ease,box-shadow .2s ease;width:100%}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,textarea:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 3px #08d9d633}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:8px;background:var(--bg-secondary);border-radius:var(--radius-full);outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:var(--accent-yellow);border-radius:50%;cursor:pointer;box-shadow:0 2px 8px #f9ed6966;transition:transform .2s ease}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.1)}input[type=range]::-moz-range-thumb{width:20px;height:20px;background:var(--accent-yellow);border-radius:50%;cursor:pointer;border:none;box-shadow:0 2px 8px #f9ed6966}label{display:flex;flex-direction:column;gap:8px;font-weight:600;color:var(--text-secondary)}code{font-family:Fira Code,Consolas,monospace;background:var(--bg-secondary);padding:8px 12px;border-radius:var(--radius-sm);font-size:.875rem;color:var(--accent-yellow);display:block;overflow-x:auto;word-break:break-all}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:24px;box-shadow:0 8px 32px var(--shadow-color);border:1px solid var(--border-color)}.error{background:#e9456026;border:1px solid var(--accent-coral);border-radius:var(--radius-md);padding:16px;color:var(--accent-coral)}.success{background:#08d9d626;border:1px solid var(--accent-teal);border-radius:var(--radius-md);padding:16px;color:var(--accent-teal)}.text-center{text-align:center}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.home-page.svelte-17zjrcz{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.hero.svelte-17zjrcz{text-align:center;animation:svelte-17zjrcz-fadeIn .5s ease-out}.hero.svelte-17zjrcz h1:where(.svelte-17zjrcz){font-size:4rem;background:linear-gradient(135deg,var(--accent-coral) 0%,var(--accent-yellow) 50%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px;text-shadow:0 4px 30px rgba(233,69,96,.3)}.hero.svelte-17zjrcz p:where(.svelte-17zjrcz){font-size:1.25rem;color:var(--text-secondary);margin-bottom:32px}.hero.svelte-17zjrcz button:where(.svelte-17zjrcz){font-size:1.125rem;padding:16px 32px}.error.svelte-17zjrcz{max-width:400px;text-align:center;animation:svelte-17zjrcz-fadeIn .5s ease-out}.error.svelte-17zjrcz h2:where(.svelte-17zjrcz){color:var(--accent-coral);margin-bottom:16px}.error.svelte-17zjrcz p:where(.svelte-17zjrcz){margin-bottom:24px}@keyframes svelte-17zjrcz-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.draw-page.svelte-awztqa{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:20px}canvas.svelte-awztqa{background:#fff;border-radius:var(--radius-lg);box-shadow:0 8px 32px var(--shadow-color),0 0 0 4px var(--bg-card);cursor:crosshair;touch-action:none}.marker-settings.svelte-awztqa{display:flex;gap:24px;background:var(--bg-card);padding:16px 24px;border-radius:var(--radius-lg);border:1px solid var(--border-color)}.marker-settings.svelte-awztqa label:where(.svelte-awztqa){flex-direction:row;align-items:center;gap:12px;color:var(--text-primary);font-size:.875rem}.marker-settings.svelte-awztqa input[type=range]:where(.svelte-awztqa){width:100px}.controls.svelte-awztqa{display:flex;gap:16px}.controls.svelte-awztqa button:where(.svelte-awztqa){min-width:100px}.success.svelte-awztqa{animation:svelte-awztqa-fadeIn .3s ease-out}.modal-overlay.svelte-awztqa{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;padding:24px;animation:svelte-awztqa-fadeIn .2s ease-out}.modal.svelte-awztqa{background:var(--bg-card);border-radius:var(--radius-lg);padding:32px;max-width:400px;width:100%;border:1px solid var(--border-color);box-shadow:0 16px 64px var(--shadow-color);animation:svelte-awztqa-slideUp .3s ease-out}.modal.svelte-awztqa h2:where(.svelte-awztqa){font-size:1.5rem;color:var(--accent-teal);margin-bottom:24px;text-align:center}.modal.svelte-awztqa label:where(.svelte-awztqa){margin-bottom:16px}.modal.svelte-awztqa .error:where(.svelte-awztqa){margin-bottom:16px;padding:12px;font-size:.875rem}.modal-buttons.svelte-awztqa{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}@keyframes svelte-awztqa-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes svelte-awztqa-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.admin-page.svelte-1edsooj{min-height:100vh;padding:32px;max-width:1200px;margin:0 auto}.admin-page.svelte-1edsooj h1:where(.svelte-1edsooj){font-size:2.5rem;text-align:center;margin-bottom:32px;background:linear-gradient(135deg,var(--accent-purple) 0%,var(--accent-teal) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.admin-page.svelte-1edsooj>p:where(.svelte-1edsooj){text-align:center;color:var(--text-secondary);font-size:1.125rem}.share-section.svelte-1edsooj{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;margin-bottom:32px;border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color);display:flex;align-items:center;gap:16px;flex-wrap:wrap}.share-section.svelte-1edsooj p:where(.svelte-1edsooj){margin:0;color:var(--text-secondary)}.share-section.svelte-1edsooj code:where(.svelte-1edsooj){flex:1;min-width:200px}.share-section.svelte-1edsooj button:where(.svelte-1edsooj){white-space:nowrap}.error.svelte-1edsooj{max-width:400px;margin:0 auto;text-align:center}.drawing-grid.svelte-1edsooj{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;animation:svelte-1edsooj-fadeIn .5s ease-out}.drawing-card.svelte-1edsooj{background:var(--bg-card);border-radius:var(--radius-lg);padding:20px;border:1px solid var(--border-color);box-shadow:0 8px 32px var(--shadow-color);transition:transform .2s ease,box-shadow .2s ease}.drawing-card.svelte-1edsooj:hover{transform:translateY(-4px);box-shadow:0 12px 40px var(--shadow-color)}.drawing-card.svelte-1edsooj img:where(.svelte-1edsooj){width:100%;aspect-ratio:1;object-fit:contain;background:#fff;border-radius:var(--radius-md);margin-bottom:16px}.drawing-card.svelte-1edsooj h3:where(.svelte-1edsooj){font-size:1.25rem;color:var(--accent-yellow);margin-bottom:8px}.drawing-card.svelte-1edsooj .caption:where(.svelte-1edsooj){color:var(--text-secondary);font-size:.875rem;margin-bottom:8px;min-height:1.5em}.drawing-card.svelte-1edsooj .timestamp:where(.svelte-1edsooj){color:var(--text-muted);font-size:.75rem;margin-bottom:16px}.actions.svelte-1edsooj{display:flex;gap:8px;flex-wrap:wrap}.actions.svelte-1edsooj button:where(.svelte-1edsooj){flex:1;min-width:80px}@keyframes svelte-1edsooj-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.not-found.svelte-1n46o8q{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;animation:svelte-1n46o8q-fadeIn .5s ease-out}.not-found.svelte-1n46o8q h1:where(.svelte-1n46o8q){font-size:3rem;color:var(--accent-coral);margin-bottom:16px}.not-found.svelte-1n46o8q p:where(.svelte-1n46o8q){font-size:1.125rem}.not-found.svelte-1n46o8q a:where(.svelte-1n46o8q){display:inline-block;margin-top:8px;padding:12px 24px;background:var(--accent-teal);color:var(--bg-primary);border-radius:var(--radius-md);font-weight:600;transition:all .2s ease}.not-found.svelte-1n46o8q a:where(.svelte-1n46o8q):hover{background:var(--accent-yellow);transform:translateY(-2px)}@keyframes svelte-1n46o8q-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}