:root{--background:#fff;--foreground:#333;--primary:#0070f3;--primary-hover:#0060d0;--secondary:#eaeaea;--border:#e0e0e0;--card:#fff;--muted:#6c757d;--success:#4caf50;--error:#f44336;--warning:#ff9800;--info:#2196f3;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--border-radius:12px;--border-radius-sm:8px;--shadow-sm:0 2px 8px rgba(0,0,0,.08);--shadow-md:0 4px 16px rgba(0,0,0,.12);--shadow-lg:0 8px 32px rgba(0,0,0,.16)}[data-theme=dark]{--background:#000;--foreground:#fff;--primary:#0070f3;--primary-hover:#0060d0;--secondary:#111;--border:#333;--card:#1a1a1a;--muted:#999}body,html{margin:0;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;line-height:1.6}*{box-sizing:border-box}a{color:var(--primary);text-decoration:none;font-weight:500;transition:color .2s ease}a:hover{color:var(--primary-hover);text-decoration:underline}.container{max-width:960px;margin:0 auto;padding:0 var(--space-xl)}main.container{padding-block:var(--space-xl);gap:var(--space-xl)}.stack,main.container{display:flex;flex-direction:column}.stack{gap:var(--space-md)}.stack-sm{gap:var(--space-sm)}.stack-lg{gap:var(--space-lg)}.stack-xl{gap:var(--space-xl)}.row{display:flex;gap:var(--space-md);align-items:center;flex-wrap:wrap}.card{border:1px solid var(--border);border-radius:var(--border-radius);padding:var(--space-lg);background-color:var(--card);box-shadow:var(--shadow-sm);transition:all .3s ease}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.notice{border-radius:var(--border-radius-sm);border:1px solid var(--border);padding:var(--space-md);background-color:rgba(67,97,238,.08);margin:var(--space-sm) 0}.notice.error{border-color:var(--error);background-color:rgba(244,67,54,.1)}.notice.success{border-color:var(--success);background-color:rgba(76,175,80,.1)}.radio-group{display:flex;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:var(--space-sm) 0}.radio{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border:2px solid var(--border);border-radius:999px;background:var(--card);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:all .2s ease;font-weight:500;position:relative}.radio:hover{border-color:var(--primary);background:rgba(67,97,238,.05);transform:translateY(-1px)}.radio input[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border:2px solid var(--border);border-radius:50%;background:var(--card);cursor:pointer;transition:all .2s ease;position:relative}.radio input[type=radio]:checked{border-color:var(--primary);background:var(--card)}.radio input[type=radio]:checked:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:10px;height:10px;border-radius:50%;background:var(--primary)}.radio.checked{border-color:var(--primary);background:rgba(67,97,238,.1);box-shadow:0 2px 8px rgba(67,97,238,.15)}.highlight{display:flex;flex-direction:column;gap:var(--space-sm);border:1px dashed var(--primary);background-color:rgba(67,97,238,.08);border-radius:var(--border-radius-sm);padding:var(--space-md)}.highlight a{color:var(--primary);font-weight:600}.markdown-body{display:flex;flex-direction:column;gap:var(--space-sm);line-height:1.7}.markdown-body h1,.markdown-body h2,.markdown-body h3{margin:0 0 var(--space-sm);color:var(--foreground)}.markdown-body h1{font-size:2rem;font-weight:700}.markdown-body h2{font-size:1.5rem;font-weight:600}.markdown-body h3{font-size:1.25rem;font-weight:600}.markdown-body pre{background-color:rgba(0,0,0,.04);padding:var(--space-md);border-radius:var(--border-radius-sm);overflow-x:auto;margin:var(--space-sm) 0}.markdown-body code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;background-color:rgba(0,0,0,.04);padding:2px 6px;border-radius:4px;font-size:.9em}.muted{color:var(--muted);font-size:.9rem}button{padding:12px 24px;border-radius:var(--border-radius-sm);border:none;background:var(--primary);color:#fff;cursor:pointer;font-size:1rem;font-weight:500;transition:all .2s ease;box-shadow:0 2px 8px rgba(67,97,238,.2);display:inline-flex;align-items:center;justify-content:center;gap:8px}button:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 4px 16px rgba(67,97,238,.3)}button:active{transform:translateY(0);box-shadow:0 2px 4px rgba(67,97,238,.2)}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}button.secondary{background:var(--secondary);box-shadow:0 2px 8px rgba(114,9,183,.2)}button.secondary:hover{background:#6508a3;box-shadow:0 4px 16px rgba(114,9,183,.3)}button.outline{background:transparent;border:2px solid var(--primary);color:var(--primary);box-shadow:none}button.outline:hover{background:rgba(67,97,238,.1);box-shadow:0 2px 8px rgba(67,97,238,.15)}button.link{border:none;color:var(--primary);padding:0}button.link,button.link:hover{background:transparent;box-shadow:none}button.link:hover{text-decoration:underline;transform:none}input,textarea{width:100%;padding:12px 16px;border-radius:var(--border-radius-sm);border:2px solid var(--border);background:var(--card);color:var(--foreground);font-size:1rem;transition:all .2s ease;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(67,97,238,.2)}input:focus-visible,textarea:focus-visible{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(67,97,238,.2)}label{font-size:.95rem;font-weight:600;margin-bottom:6px;display:block}.spacer{height:var(--space-md)}header{border-bottom:1px solid var(--border);background-color:var(--card);padding-block:var(--space-sm);position:-webkit-sticky;position:sticky;top:0;z-index:800;box-shadow:var(--shadow-sm)}main a.card{transition:all .3s ease;text-decoration:none;color:var(--foreground)}main a.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}header .container{padding-block:var(--space-sm)}.desktop-header{display:flex;gap:var(--space-xl)}.desktop-header,.mobile-header{justify-content:space-between;align-items:center}.mobile-header{display:none;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--border);background:var(--card);min-height:60px;position:relative}.mobile-title{font-weight:700;font-size:1.2rem;position:absolute;left:50%;transform:translateX(-50%);margin:0;padding:0}.mobile-auth{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:999px;border:2px solid var(--border);background:transparent;color:inherit;font-size:.95rem;font-weight:500;transition:all .2s ease}.mobile-auth:hover{background:var(--secondary);color:#fff;border-color:var(--secondary)}.drawer-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.6);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:900}.drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer{position:fixed;inset:0 auto 0 0;width:min(85vw,300px);background:var(--card);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);transform:translateX(-100%);transition:transform .3s ease;z-index:950;box-shadow:var(--shadow-lg)}.mobile-drawer.open{transform:translateX(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;font-weight:700;padding-bottom:var(--space-md);border-bottom:1px solid var(--border)}.drawer-header button{background:transparent;border:none;font-size:1.8rem;line-height:1;cursor:pointer;color:var(--muted);transition:color .2s ease}.drawer-header button:hover{color:var(--foreground)}.drawer-nav{display:flex;flex-direction:column;gap:var(--space-sm)}.drawer-link{padding:12px 16px;border-radius:var(--border-radius-sm);border:2px solid transparent;transition:all .2s ease;font-weight:500}.drawer-link:hover{background:rgba(67,97,238,.1);border-color:var(--primary)}.drawer-link.active{background:rgba(67,97,238,.15);border-color:var(--primary);color:var(--primary)}.drawer-footer{margin-top:auto;display:flex;flex-direction:column;gap:var(--space-sm);padding-top:var(--space-md);border-top:1px solid var(--border)}.drawer-footer a,.drawer-footer button{padding:10px 12px;border-radius:999px;border:1px solid var(--border);background:transparent;color:inherit;font-size:.9rem;width:auto;display:inline-flex;align-items:center;justify-content:center}.drawer-footer a:hover,.drawer-footer button:hover{background:var(--secondary)}.drawer-footer .theme-toggle{background:var(--secondary);border-color:var(--secondary);color:#fff}.drawer-footer .theme-toggle:hover{background:#6508a3;border-color:#6508a3}.header-bar{justify-content:space-between;gap:var(--space-xl)}.header-bar,.header-left{display:flex;align-items:center}.header-left{gap:var(--space-lg)}.main-nav,.meta-nav{display:flex;align-items:center;gap:var(--space-md)}.main-nav a{padding:10px 16px;border-radius:var(--border-radius-sm);font-weight:500;transition:all .2s ease}.main-nav a:hover{background:rgba(67,97,238,.1)}.main-nav a.active{background:rgba(67,97,238,.15);color:var(--primary)}.site-title{display:inline-flex;align-items:center;gap:8px}.drawer-link:hover,.mobile-auth:hover,.site-title,a.site-title:hover,header a:hover{text-decoration:none}.header-left a{display:inline-flex;align-items:center;height:100%}.site-logo{width:40px;height:40px;border-radius:10px;object-fit:contain}.site-name{font-size:1.5rem;font-weight:800;color:var(--foreground);background:linear-gradient(45deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.meta-nav>*{display:inline-flex;align-items:center}.meta-nav button{height:auto}nav a,nav button.link-button{display:inline-flex;align-items:center}.hero{display:flex;flex-direction:column;gap:var(--space-sm);text-align:center}.cta-row{display:flex;justify-content:center}.benefits,.cta-row{gap:var(--space-md)}.benefits{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:var(--space-md)}.benefit-card{border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--space-md);background:var(--card)}.demo{display:flex;justify-content:center}.demo-frame{border:1px solid var(--border);border-radius:var(--border-radius-sm);padding:var(--space-md);background:var(--card)}.demo-frame img,.demo-frame object{width:100%;max-width:800px;height:auto;display:block;border-radius:var(--border-radius-sm)}.cta-row button{border:2px solid transparent;padding:12px 24px}.cta-row button.outline{border-color:var(--primary)}.badge{display:inline-flex;align-items:center;padding:4px 14px;border-radius:999px;font-size:.8rem;font-weight:600;background-color:var(--border);color:var(--muted)}.badge-public{background-color:rgba(67,97,238,.15);color:var(--primary)}.badge-private{background-color:rgba(114,9,183,.15);color:var(--secondary)}.comment{display:flex;flex-direction:column;gap:6px;border-left:4px solid var(--primary);padding:var(--space-md) var(--space-md) var(--space-md) var(--space-lg);background-color:rgba(0,0,0,.02);border-radius:0 var(--border-radius-sm) var(--border-radius-sm) 0;margin-top:var(--space-sm)}.comment-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.9rem;color:var(--muted);font-weight:500}.comment-meta strong,.theme-fab{color:var(--foreground)}.theme-fab{position:fixed;left:var(--space-lg);bottom:var(--space-lg);z-index:700;display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;border:2px solid var(--border);background:var(--card);cursor:pointer;box-shadow:var(--shadow-md);transition:all .3s ease}.theme-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:var(--shadow-lg);border-color:var(--primary)}.theme-fab:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.hamburger{width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--card);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition:background .15s ease,transform .1s ease,box-shadow .15s ease;aspect-ratio:1/1;padding:0;line-height:0;box-shadow:0 1px 3px rgba(0,0,0,.06)}.hamburger:hover{background:var(--secondary);border-color:var(--border)}.hamburger span,.hamburger span:after,.hamburger span:before{display:block;width:14px;height:2px;background:var(--foreground);border-radius:999px;position:absolute;transition:transform .2s ease}.hamburger span:before{content:"";transform:translateY(-5px)}.hamburger span:after{content:"";transform:translateY(5px)}.hamburger.open span{background:transparent}.hamburger.open span:before{transform:rotate(45deg)}.hamburger.open span:after{transform:rotate(-45deg)}@media (max-width:768px){header{border-bottom:0}.container{padding:0 var(--space-md)}main.container{padding-block:var(--space-lg);gap:var(--space-lg)}.stack{gap:var(--space-sm)}.stack.stack-lg{gap:var(--space-lg)}.row{gap:var(--space-sm)}.row>a,.row>button{flex:1 1 100%}.row>a>button,.row>button{width:100%}.card{padding:var(--space-md)}.desktop-header{display:none}.mobile-header{display:flex;border-bottom:0}.header-bar{gap:var(--space-md)}.header-bar,.header-left{flex-direction:column;align-items:flex-start}.header-left,.main-nav,.meta-nav{gap:var(--space-sm)}.benefits{grid-template-columns:1fr}.cta-row{flex-direction:column}.theme-fab{left:var(--space-md);bottom:var(--space-md);width:48px;height:48px}.radio{padding:8px 16px;font-size:.95rem}.radio input[type=radio]{width:18px;height:18px}.site-title{font-size:1.3rem}}