:root{--c-bg: #f8faf8;--c-bg-elevated: #fcfdfb;--c-bg-card: #ffffff;--c-bg-hover: #f5f7f5;--c-bg-surface: #ffffff;--c-border: #d4ddd4;--c-border-hard: #2d3d2d;--c-border-subtle: #e8ede8;--c-ink: #1a1f1a;--c-ink-70: #3d4d3d;--c-ink-50: #6b7c6b;--c-ink-30: #9ca89c;--c-accent: #059669;--c-accent-hover: #047857;--c-accent-muted: #d1fae5;--c-accent-glow: rgba(5, 150, 105, .15);--c-accent-glow-strong: rgba(5, 150, 105, .25);--c-gold: #fbbf24;--c-gold-dark: #b45309;--c-text: #1a1f1a;--c-text-secondary: #4a5a4a;--c-text-muted: #6b7c6b;--c-text-inverse: #f8faf8;--c-success: #22c55e;--c-success-muted: rgba(34, 197, 94, .15);--c-warning: #f59e0b;--c-warning-muted: rgba(245, 158, 11, .15);--c-error: #ef4444;--c-error-muted: rgba(239, 68, 68, .15);--c-score-high: #059669;--c-score-good: #0ea5e9;--c-score-moderate: #f59e0b;--c-score-low: #ef4444;--c-shadow: #9ca89c;--c-cat-framework: #6366f1;--c-cat-database: #f59e0b;--c-cat-orm: #06b6d4;--c-cat-auth: #f43f5e;--c-cat-hosting: #8b5cf6;--c-cat-payments: #10b981;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--text-xs: .6875rem;--text-sm: .75rem;--text-base: .875rem;--text-lg: 1rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 3rem;--sp-1: .25rem;--sp-2: .5rem;--sp-3: .75rem;--sp-4: 1rem;--sp-5: 1.25rem;--sp-6: 1.5rem;--sp-8: 2rem;--sp-10: 2.5rem;--sp-12: 3rem;--border-thin: 2px;--border-thick: 3px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 3px 3px 0 var(--c-shadow);--shadow-md: 5px 5px 0 var(--c-shadow);--shadow-lg: 7px 7px 0 var(--c-shadow);--shadow-accent: 5px 5px 0 var(--c-accent);--glow-accent: 0 0 0 3px rgba(5, 150, 105, .25);--duration-fast: .1s;--duration-normal: .2s;--duration-slow: .3s;--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-bounce: cubic-bezier(.34, 1.56, .64, 1);--ease-stamp: cubic-bezier(.175, .885, .32, 1.275)}.try-page{max-width:720px;margin:0 auto;padding:var(--sp-10) var(--sp-6)}.progress-nav{margin-bottom:var(--sp-12)}.progress-steps{display:flex;align-items:center;justify-content:center}.progress-step{display:flex;flex-direction:column;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-4);background:none;border:none;cursor:default;opacity:.35;transition:opacity var(--duration-normal) ease}.progress-step.active,.progress-step.completed{opacity:1}.progress-step.completed:not(.active){cursor:pointer}.step-number{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--c-text-muted);background:var(--c-bg-card);border:var(--border-thick) solid var(--c-border-hard);border-radius:50%;box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-bounce),background var(--duration-fast) ease,border-color var(--duration-fast) ease}.progress-step.active .step-number{background:var(--c-accent);color:var(--c-text-inverse);box-shadow:var(--shadow-accent);transform:scale(1.05)}.progress-step.completed .step-number{color:var(--c-accent);border-color:var(--c-accent)}.step-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em}.progress-step.active .step-label{color:var(--c-accent)}.progress-line{width:48px;height:3px;background:var(--c-border);border-radius:2px;transition:background var(--duration-normal) ease}.progress-line.active{background:var(--c-accent)}.step-section{animation:fadeUp .4s var(--ease-out)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.step-header{text-align:center;margin-bottom:var(--sp-8)}.step-badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--sp-3)}.mono{color:var(--c-accent)}.step-header h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;color:var(--c-text);letter-spacing:-.02em;margin:0 0 var(--sp-2)}.step-subtitle{font-family:var(--font-body);font-size:var(--text-base);color:var(--c-text-secondary);margin:0}.results-section{animation:fadeUp .4s var(--ease-out)}.recommendations-section{margin-bottom:var(--sp-8)}.section-title{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--sp-4);text-align:center}.generating-section{display:flex;justify-content:center;align-items:center;min-height:360px}.generating-card{display:flex;flex-direction:column;align-items:center;padding:var(--sp-10);background:var(--c-bg-card);border:var(--border-thick) solid var(--c-border-hard);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center;min-width:320px}.generating-card h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--c-text);margin:0 0 var(--sp-6);letter-spacing:-.02em}.progress-bar-container{display:flex;align-items:center;gap:var(--sp-4);width:100%;max-width:260px;margin-bottom:var(--sp-6)}.progress-bar{flex:1;height:8px;background:var(--c-border);border-radius:4px;overflow:hidden;border:2px solid var(--c-border-hard)}.progress-fill{height:100%;background:var(--c-accent);border-radius:2px;transition:width var(--duration-fast) ease}.progress-value{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--c-accent);min-width:2.5rem;text-align:right}.determinism-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-muted);margin:0}@media(max-width:640px){.try-page{padding:var(--sp-6) var(--sp-4)}.progress-nav{margin-bottom:var(--sp-8)}.progress-step{padding:var(--sp-2) var(--sp-3)}.step-number{width:32px;height:32px;font-size:var(--text-xs)}.step-label{font-size:.625rem}.progress-line{width:32px}.step-header{margin-bottom:var(--sp-6)}.step-header h1{font-size:var(--text-2xl)}.step-subtitle{font-size:var(--text-sm)}.generating-card{min-width:auto;width:100%;padding:var(--sp-6)}.generating-card h2{font-size:var(--text-lg)}.progress-bar-container{max-width:100%}.determinism-note{font-size:.625rem}}@media(max-width:380px){.try-page{padding:var(--sp-4) var(--sp-3)}.progress-step{padding:var(--sp-2)}.step-number{width:28px;height:28px}.progress-line{width:20px}.step-header h1{font-size:var(--text-xl)}}@media(prefers-reduced-motion:reduce){.step-section,.results-section{animation:none!important}.step-number,.progress-line,.progress-fill{transition:none!important}}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4)}.project-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding:var(--sp-5);background:var(--c-bg-card);border:var(--border-thick) solid var(--c-border-hard);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-bounce);animation:cardStamp .5s var(--ease-stamp) backwards;animation-delay:var(--delay)}@keyframes cardStamp{0%{opacity:0;transform:scale(0) rotate(-5deg)}40%{opacity:1;transform:scale(1.08) rotate(2deg)}60%{transform:scale(.95) rotate(-1deg)}80%{transform:scale(1.02) rotate(.5deg)}to{transform:scale(1) rotate(0)}}.project-card:hover:not(.selected){transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.project-card:active:not(.selected){transform:translate(2px,2px);box-shadow:none}.project-card.selected{border-color:var(--c-accent);background:var(--c-accent-muted);box-shadow:var(--shadow-accent)}.project-card:focus-visible{outline:none;box-shadow:var(--glow-accent)}.project-icon{font-family:var(--font-mono);font-size:var(--text-sm);font-weight:700;color:var(--c-text-muted);margin-bottom:var(--sp-3);opacity:.5}.project-card.selected .project-icon{color:var(--c-accent);opacity:1}.project-label{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--c-text);margin-bottom:var(--sp-1);letter-spacing:-.02em}.project-desc{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-muted);line-height:1.4}.project-card.selected .project-desc{color:var(--c-text-secondary)}.selected-check{position:absolute;top:-6px;right:-6px;width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:var(--c-gold);border:2px solid var(--c-gold-dark);border-radius:50%;color:var(--c-ink);box-shadow:2px 2px 0 var(--c-gold-dark);animation:checkBounce .6s var(--ease-stamp)}@keyframes checkBounce{0%{transform:scale(0) rotate(-180deg);opacity:0}30%{transform:scale(1.4) rotate(15deg);opacity:1}50%{transform:scale(.8) rotate(-10deg)}70%{transform:scale(1.2) rotate(5deg)}85%{transform:scale(.95) rotate(-2deg)}to{transform:scale(1) rotate(0)}}.constraints-container{margin-bottom:var(--sp-8)}.constraints-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-bottom:var(--sp-4)}.constraint-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;color:var(--c-ink);background:var(--c-bg-card);border:var(--border-thin) solid var(--c-border-hard);border-radius:var(--radius-sm);box-shadow:1px 1px 0 var(--c-shadow);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-bounce),border-color var(--duration-fast) ease,background var(--duration-fast) ease;animation:chipStamp .5s var(--ease-stamp) backwards;animation-delay:var(--delay)}@keyframes chipStamp{0%{opacity:0;transform:scale(0) rotate(-8deg)}40%{opacity:1;transform:scale(1.15) rotate(3deg)}60%{transform:scale(.92) rotate(-2deg)}80%{transform:scale(1.05) rotate(1deg)}to{transform:scale(1) rotate(0)}}.constraint-chip:hover:not(.selected){border-color:var(--c-accent);transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--c-shadow);background:var(--c-bg-elevated)}.constraint-chip:active:not(.selected){transform:translate(0);box-shadow:none}.constraint-chip.selected{color:var(--c-text-inverse);background:var(--c-accent);border-color:var(--c-border-hard);box-shadow:2px 2px 0 var(--c-border-hard)}.constraint-chip.selected{animation:chipSelected .4s var(--ease-stamp)}@keyframes chipSelected{0%{transform:scale(1)}20%{transform:scale(1.12) rotate(-3deg)}40%{transform:scale(.92) rotate(2deg)}60%{transform:scale(1.06) rotate(-1deg)}80%{transform:scale(.98) rotate(.5deg)}to{transform:scale(1) rotate(0)}}.constraint-chip svg{width:14px;height:14px;color:var(--c-gold)}.constraint-chip:focus-visible{outline:none;box-shadow:var(--glow-accent)}.constraints-summary{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-muted)}.step-actions{display:flex;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-4)}.btn-primary,.btn-secondary{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:var(--border-thick) solid var(--c-border-hard);border-radius:var(--radius-md);box-shadow:var(--shadow-md);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-bounce)}.btn-primary{background:var(--c-accent);color:var(--c-text-inverse)}.btn-primary:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-primary:focus-visible{outline:none;box-shadow:var(--shadow-accent)}.btn-secondary{background:var(--c-bg-card);color:var(--c-text)}.btn-secondary:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-lg)}.btn-secondary:active{transform:translate(2px,2px);box-shadow:none}.btn-secondary:focus-visible{outline:none;box-shadow:var(--glow-accent)}.remaining-hint{text-align:center;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-muted)}.results-actions{display:flex;justify-content:center;gap:var(--sp-3);margin-bottom:var(--sp-6)}.btn-action{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-3) var(--sp-5);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--c-text);background:var(--c-bg-card);border:var(--border-thick) solid var(--c-border-hard);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-bounce)}.btn-action:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.btn-action:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.btn-action:disabled{opacity:.5;cursor:not-allowed}.btn-action:focus-visible{outline:none;box-shadow:var(--glow-accent)}.btn-action.primary{background:var(--c-accent);color:var(--c-text-inverse)}.btn-action.primary:hover:not(:disabled){box-shadow:var(--shadow-lg)}.btn-spinner{width:14px;height:14px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-text{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-muted);background:none;border:var(--border-thin) solid transparent;border-radius:var(--radius-sm);cursor:pointer;margin:0 auto;transition:all var(--duration-fast) ease}.btn-text:hover{color:var(--c-text);border-color:var(--c-border)}.btn-text:focus-visible{outline:none;border-color:var(--c-accent)}.rec-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--sp-3)}.rec-card{display:flex;flex-direction:column;align-items:center;padding:var(--sp-4);background:var(--c-bg-card);border:var(--border-thick) solid var(--c-border-hard);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);animation:cardStamp .4s var(--ease-stamp) backwards;animation-delay:var(--delay)}.rec-category{font-family:var(--font-mono);font-size:.5625rem;font-weight:700;color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-2)}.rec-tech{font-family:var(--font-display);font-size:var(--text-base);font-weight:700;color:var(--c-text);margin-bottom:var(--sp-2);text-align:center;letter-spacing:-.02em}.rec-score{display:flex;align-items:center;justify-content:center;width:36px;height:36px;font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;border-radius:50%;border:3px solid currentColor}.score-hero{text-align:center;margin-bottom:var(--sp-8)}.score-card{display:inline-flex;flex-direction:column;align-items:center;padding:var(--sp-6) var(--sp-8);background:var(--c-bg-card);border:var(--border-thick) solid var(--c-border-hard);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.score-label{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--sp-2)}.score-display{display:flex;align-items:baseline;margin-bottom:var(--sp-3)}.score-value{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;line-height:1;letter-spacing:-.03em}.score-max{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--c-text-muted);margin-left:4px}.confidence-badge{padding:4px var(--sp-3);font-family:var(--font-mono);font-size:.5625rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border:2px solid currentColor;border-radius:100px;background:var(--c-bg-surface);color:var(--c-text-muted)}.confidence-badge.high{background:var(--c-success-muted);color:var(--c-success);border-color:var(--c-success)}.confidence-badge.medium{background:var(--c-warning-muted);color:var(--c-warning);border-color:var(--c-warning)}.confidence-badge.low{background:var(--c-error-muted);color:var(--c-error);border-color:var(--c-error)}.grade-badge{padding:4px var(--sp-3);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;border-radius:var(--radius-sm);margin-top:var(--sp-3)}.error-banner{display:flex;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-6);background:var(--c-error-muted);border:var(--border-thin) solid var(--c-error);border-radius:var(--radius-md);color:var(--c-error);font-family:var(--font-mono);font-size:var(--text-sm)}.spinner{margin-bottom:var(--sp-6);animation:spin 1s linear infinite}.spinner circle:first-child{stroke:var(--c-border)}.spinner path{stroke:var(--c-accent)}.progress-checklist{list-style:none;padding:0;margin:var(--sp-4) 0 0;text-align:left;display:inline-block}.progress-checklist li{display:flex;align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-sm);color:var(--c-text-muted);padding:var(--sp-1) 0;transition:color var(--duration-normal) ease}.progress-checklist li.done{color:var(--c-success)}.check-icon{font-size:var(--text-sm);width:1.25em;text-align:center}@media(max-width:640px){.project-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-3)}.project-card{padding:var(--sp-4)}.project-label{font-size:var(--text-base)}.project-desc{font-size:.625rem}.constraints-container{margin-bottom:var(--sp-6)}.constraint-chip{padding:8px 12px;font-size:var(--text-sm)}.step-actions{flex-direction:column;gap:var(--sp-2)}.btn-primary,.btn-secondary{width:100%;justify-content:center;padding:var(--sp-4) var(--sp-5);min-height:48px}.remaining-hint{margin-top:var(--sp-4)}.rec-grid{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}.rec-card{padding:var(--sp-3)}.rec-tech{font-size:var(--text-sm)}.rec-score{width:32px;height:32px;font-size:var(--text-xs)}.results-actions{flex-direction:column;gap:var(--sp-2)}.btn-action{width:100%;justify-content:center;min-height:48px}.score-card{padding:var(--sp-5) var(--sp-6);width:100%}.score-value{font-size:var(--text-3xl)}.btn-text{width:100%;justify-content:center;padding:var(--sp-3)}}@media(max-width:380px){.project-grid{grid-template-columns:1fr;gap:var(--sp-2)}.project-card{flex-direction:row;align-items:center;gap:var(--sp-3);padding:var(--sp-3)}.project-icon{margin-bottom:0;font-size:var(--text-base)}.project-label{margin-bottom:0}.project-desc{display:none}.selected-check{top:50%;right:var(--sp-3);transform:translateY(-50%)}.rec-grid{grid-template-columns:repeat(2,1fr)}.score-card{padding:var(--sp-4)}.score-label{font-size:.5625rem}}@media(prefers-reduced-motion:reduce){.project-card,.constraint-chip,.rec-card,.selected-check{animation:none!important}.project-card,.constraint-chip,.btn-primary,.btn-secondary,.btn-action{transition:none!important}}.modal-backdrop{position:fixed;inset:0;background:#1a1f1a99;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:var(--sp-6);z-index:100;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{position:relative;background:var(--c-bg-card);border:var(--border-thick) solid var(--c-border-hard);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--sp-8);max-width:420px;width:100%;text-align:center;animation:modalIn .3s var(--ease-stamp)}@keyframes modalIn{0%{opacity:0;transform:scale(.9) translateY(20px) rotate(-2deg)}50%{transform:scale(1.02) translateY(-5px) rotate(.5deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0)}}.modal-close{position:absolute;top:var(--sp-4);right:var(--sp-4);width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;background:var(--c-bg-surface);border:var(--border-thin) solid var(--c-border);border-radius:var(--radius-sm);color:var(--c-text-muted);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),border-color var(--duration-fast) ease,color var(--duration-fast) ease}.modal-close:hover{color:var(--c-text);border-color:var(--c-border-hard);transform:scale(1.1)}.modal-close:active{transform:scale(.95)}.modal-close:focus-visible{outline:none;border-color:var(--c-accent)}.modal-icon{display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 auto var(--sp-4);background:var(--c-bg-surface);border:var(--border-thin) solid var(--c-border);border-radius:50%;color:var(--c-text-muted)}.modal-icon.success{color:var(--c-success);border-color:var(--c-success);background:var(--c-success-muted)}.modal h2{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--c-text);letter-spacing:-.02em;margin:0 0 var(--sp-2)}.modal-desc{font-family:var(--font-body);font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.6;margin:0 0 var(--sp-4)}.modal-benefits{list-style:none;padding:0;margin:0 0 var(--sp-6);text-align:left}.modal-benefits li{position:relative;padding-left:var(--sp-5);font-family:var(--font-body);font-size:var(--text-sm);color:var(--c-text-secondary);line-height:1.8}.modal-benefits li:before{content:"//";position:absolute;left:0;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-accent)}.share-url-box{display:flex;gap:var(--sp-2);margin-bottom:var(--sp-4)}.share-url-input{flex:1;padding:var(--sp-3);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text);background:var(--c-bg);border:var(--border-thin) solid var(--c-border);border-radius:var(--radius-sm);min-width:0}.share-url-input:focus{outline:none;border-color:var(--c-accent);box-shadow:var(--glow-accent)}.btn-copy{padding:var(--sp-3) var(--sp-4);font-family:var(--font-display);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#fff;background:var(--c-accent);border:var(--border-thin) solid var(--c-border-hard);border-radius:var(--radius-sm);box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-bounce)}.btn-copy:hover{transform:translate(-1px,-1px);box-shadow:var(--shadow-md),var(--glow-accent)}.btn-copy:active{transform:translate(1px,1px);box-shadow:none}.btn-copy:focus-visible{outline:none;box-shadow:var(--shadow-accent)}.modal-note{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--c-text-muted);margin:0}.auth-buttons{display:flex;flex-direction:column;gap:var(--sp-3);margin-bottom:var(--sp-6)}.btn-oauth{display:flex;align-items:center;justify-content:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-decoration:none;border:var(--border-thin) solid;border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-bounce),box-shadow var(--duration-fast) var(--ease-bounce)}.btn-oauth:hover{transform:translate(-2px,-2px);box-shadow:var(--shadow-md)}.btn-oauth:active{transform:translate(1px,1px);box-shadow:none}.btn-oauth:focus-visible{outline:none;box-shadow:var(--shadow-accent)}.btn-oauth.github{background:#1a1f1a;color:#fff;border-color:#2d3d2d}.btn-oauth.github:hover{background:#2d3d2d}.btn-oauth.google{background:#fff;color:#1a1f1a;border-color:#d4ddd4}.btn-oauth.google:hover{background:#f8faf8}.modal-footer{font-family:var(--font-body);font-size:var(--text-sm);color:var(--c-text-muted);margin:0}.modal-footer a{color:var(--c-accent);text-decoration:none;font-weight:600;transition:opacity var(--duration-fast) ease}.modal-footer a:hover{opacity:.8}.modal-footer a:focus-visible{outline:2px solid var(--c-accent);outline-offset:2px}@media(max-width:640px){.modal-backdrop{padding:var(--sp-4);align-items:flex-end}.modal{padding:var(--sp-6);margin:0;border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:90vh;overflow-y:auto}.modal h2{font-size:var(--text-lg);padding-right:var(--sp-8)}.modal-close{top:var(--sp-3);right:var(--sp-3)}.modal-icon{width:48px;height:48px}.modal-icon svg{width:24px;height:24px}.modal-benefits,.auth-buttons{margin-bottom:var(--sp-4)}.btn-oauth{padding:var(--sp-4);min-height:48px}.share-url-box{flex-direction:column}.share-url-input{padding:var(--sp-4);font-size:var(--text-sm)}.btn-copy{padding:var(--sp-4);min-height:48px}}@media(max-width:380px){.modal-backdrop{padding:var(--sp-2)}.modal{padding:var(--sp-5)}.modal h2{font-size:var(--text-base)}.modal-desc{font-size:var(--text-xs)}.modal-benefits li{font-size:var(--text-xs);line-height:1.6}}@media(prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none!important}.modal-close,.btn-copy,.btn-oauth{transition:none!important}}.try-layout.svelte-3f9qfu{min-height:100svh;display:flex;flex-direction:column;background:#f8faf8;background-image:radial-gradient(circle,#d4ddd4 1px,transparent 1px);background-size:24px 24px}.try-header.svelte-3f9qfu{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;border-bottom:3px solid #2d3d2d;background:#fff}.logo.svelte-3f9qfu{display:flex;align-items:center;gap:.75rem;text-decoration:none}.logo-text.svelte-3f9qfu{font-family:Space Grotesk,system-ui,sans-serif;font-size:1.125rem;font-weight:700;color:#1a1f1a;letter-spacing:.05em}.header-nav.svelte-3f9qfu{display:flex;align-items:center;gap:1.5rem}.nav-link.svelte-3f9qfu{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;color:#5c6b5c;text-decoration:none;letter-spacing:.1em;transition:color .15s ease}.nav-link.svelte-3f9qfu:hover{color:#059669}.nav-link.svelte-3f9qfu:focus-visible{outline:2px solid #059669;outline-offset:4px}.btn-login.svelte-3f9qfu{font-family:JetBrains Mono,monospace;font-size:.6875rem;font-weight:600;padding:.5rem 1rem;background:#fff;color:#1a1f1a;border:2px solid #2d3d2d;text-decoration:none;letter-spacing:.1em;box-shadow:3px 3px #9ca89c;transition:all .15s ease}.btn-login.svelte-3f9qfu:hover{border-color:#059669;color:#059669;transform:translate(-1px,-1px);box-shadow:4px 4px #9ca89c}.btn-login.svelte-3f9qfu:active{transform:translate(1px,1px);box-shadow:none}.btn-login.svelte-3f9qfu:focus-visible{outline:none;border-color:#059669;box-shadow:0 0 0 2px #0596694d}.try-main.svelte-3f9qfu{flex:1;display:flex;flex-direction:column}.try-footer.svelte-3f9qfu{padding:1rem 2rem;text-align:center;border-top:3px solid #2d3d2d;background:#fff}.footer-text.svelte-3f9qfu{font-family:JetBrains Mono,monospace;font-size:.625rem;color:#5c6b5c;margin:0;letter-spacing:.1em}.mono-label.svelte-3f9qfu{color:#059669}@media(max-width:640px){.try-header.svelte-3f9qfu{padding:.75rem 1rem}.logo-text.svelte-3f9qfu{font-size:1rem}.nav-link.svelte-3f9qfu{display:none}.try-footer.svelte-3f9qfu{padding:.75rem 1rem}}