:root{--bg: #f5f6f1;--surface: #ffffff;--fg: #10201c;--muted: #52645e;--border: #dfe4dd;--accent: #1f8a5b;--accent-2: #167e8a;--amber: #b26a18;--radius: 10px;--radius-lg: 16px;--shadow: 0 1px 2px rgba(16,32,28,.04), 0 8px 24px rgba(16,32,28,.05);--font-body: ui-sans-serif, "PingFang SC", "Microsoft YaHei", system-ui, sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace}[data-theme=dark]{--bg: #08120f;--surface: #0f1d1a;--fg: #e8efe9;--muted: #8a9d96;--border: #20322c}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.55;background-image:linear-gradient(rgba(16,32,28,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(16,32,28,.06) 1px,transparent 1px);background-size:36px 36px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3{margin:0}img,svg{display:block;max-width:100%}.container{max-width:1180px;margin:0 auto;padding:0 24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:var(--radius);border:1px solid transparent;font-size:14px;font-weight:600;transition:all .15s;white-space:nowrap}.btn-primary{background:var(--accent);color:#fff;border-color:var(--accent)}.btn-primary:hover{filter:brightness(.92)}.btn-secondary{background:var(--surface);color:var(--fg);border-color:var(--border)}.btn-secondary:hover{border-color:var(--fg)}.btn-ghost{background:transparent;color:var(--muted)}.btn-ghost:hover{color:var(--accent)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px}.badge{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600}.badge-ph{background:#167e8a1f;color:var(--accent-2)}.badge-user{background:#1f8a5b1f;color:var(--accent)}.tag{display:inline-flex;padding:3px 9px;background:transparent;color:var(--muted);border:1px solid var(--border);border-radius:999px;font-size:12px}.input{border:1px solid var(--border);border-radius:var(--radius);padding:10px 13px;background:var(--surface);color:var(--fg);font:inherit;font-size:14px;width:100%}.input:focus{outline:3px solid rgba(31,138,91,.12);border-color:var(--accent)}.rule{border:0;border-top:1px solid var(--border);margin:24px 0}.eyebrow{font-family:var(--font-mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:12px}.meta{font-family:var(--font-mono);font-size:13px;color:var(--muted)}.num{font-family:var(--font-mono);font-variant-numeric:tabular-nums}.muted{color:var(--muted)}.center{text-align:center}.row{display:flex;align-items:center;gap:16px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.app-header-inner{gap:16px}.app-header-primary{min-width:0}.main-nav{margin-left:16px;min-width:0}.auth-actions{flex:none}.logout-label-short{display:none}@media (max-width:920px){.grid-2,.grid-3{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.app-header-inner{gap:10px}.main-nav{display:none!important}.logout-label-full{display:none}.logout-label-short{display:inline}.auth-actions{gap:8px!important}.auth-actions .btn{padding:8px 11px}}@media (max-width:680px){.grid-4{grid-template-columns:1fr}}.owned-tools-showcase{padding:clamp(72px,9vw,118px) 0;border-top:1px solid var(--border);background:#0a0d0c;color:#eef0ec}.owned-tools-showcase .eyebrow{color:#cf665a}.owned-tools-showcase-head{display:flex;align-items:end;justify-content:space-between;gap:32px}.owned-tools-showcase-head h2{max-width:760px;font-size:clamp(34px,4.8vw,68px);font-weight:520;letter-spacing:-.055em;line-height:1.02}.owned-tools-showcase-head>a{padding-bottom:5px;border-bottom:1px solid currentColor;color:#d86a5e;font-size:13px}.owned-tools-showcase-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:0;margin-top:54px;border-top:1px solid rgba(255,255,255,.16)}.owned-tools-featured{position:relative;display:grid;align-content:end;min-height:420px;padding:46px 44px;border-right:1px solid rgba(255,255,255,.13);overflow:hidden;background:radial-gradient(circle at 72% 42%,rgba(209,86,73,.17),transparent 26%),linear-gradient(145deg,#121716,#090b0b)}.owned-tools-featured:before{content:"";position:absolute;inset:12% -20% auto 36%;height:48%;border:1px solid rgba(255,255,255,.1);border-radius:50%;transform:rotate(-12deg)}.owned-tools-featured>*{position:relative;z-index:1}.owned-tools-featured>span{color:#d4685c;font-family:var(--font-mono);font-size:10px;letter-spacing:.15em}.owned-tools-featured h3{margin-top:12px;font-size:clamp(48px,6vw,86px);font-weight:520;letter-spacing:-.07em;line-height:.95}.owned-tools-featured p{max-width:36em;color:#98a09c}.owned-tools-featured b{margin-top:24px;color:#e1e4e0;font-size:12px;font-weight:600}.owned-tools-showcase-list{display:grid}.owned-tools-showcase-list>a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:105px;padding:20px 0 20px 28px;border-bottom:1px solid rgba(255,255,255,.11);transition:padding-left .2s,background .2s}.owned-tools-showcase-list>a:hover{padding-left:36px;background:#ffffff06}.owned-tools-showcase-list i{color:#cc6257;font-family:var(--font-mono);font-size:10px;font-style:normal}.owned-tools-showcase-list span{display:grid;gap:2px}.owned-tools-showcase-list strong{font-size:16px;font-weight:600}.owned-tools-showcase-list small{color:#747d78;font-size:11px}.owned-tools-showcase-list b{padding-right:20px;color:#bdc3be;font-weight:400}.owned-tools-page{background:#f2f3ef}.owned-tools-hero{position:relative;overflow:hidden;padding:clamp(82px,10vw,150px) 0 110px;background:#090c0b;color:#eef0ec}.owned-tools-hero-grid{display:grid;grid-template-columns:1.45fr .55fr;align-items:end;gap:70px}.owned-tools-hero h1{max-width:850px;font-size:clamp(54px,6.3vw,82px);font-weight:500;letter-spacing:-.075em;line-height:.94}.owned-tools-hero-grid>p{max-width:36em;margin:0;color:#959e99;line-height:1.85}.owned-tools-flow{position:absolute;right:-8%;bottom:18%;left:48%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent)}.owned-tools-flow span{position:absolute;top:-3px;left:calc(var(--i,0)*21%);width:7px;height:7px;border:1px solid #c86055;border-radius:50%;box-shadow:0 0 18px #c8605566}.owned-tools-flow span:nth-child(1){--i:.3}.owned-tools-flow span:nth-child(2){--i:1.2}.owned-tools-flow span:nth-child(3){--i:2.1}.owned-tools-flow span:nth-child(4){--i:3}.owned-tools-flow span:nth-child(5){--i:3.9}.owned-tools-list{padding-top:54px;padding-bottom:110px}.owned-tools-list article{display:grid;grid-template-columns:72px minmax(180px,.65fr) minmax(260px,1.25fr) auto;align-items:center;gap:28px;min-height:158px;border-top:1px solid #cfd4cc}.owned-tool-index{color:#ba5e54;font-family:var(--font-mono);font-size:11px}.owned-tool-name{display:grid;gap:5px}.owned-tool-name small{color:#75807a;font-size:10px;letter-spacing:.09em}.owned-tool-name h2{font-size:clamp(28px,3.4vw,50px);font-weight:540;letter-spacing:-.055em}.owned-tool-copy strong{display:block;font-size:15px;font-weight:620}.owned-tool-copy p{max-width:45em;margin:8px 0 0;color:#69736d;font-size:13px}.owned-tools-list article>a{padding-bottom:5px;border-bottom:1px solid currentColor;color:#a94f47;font-size:12px;white-space:nowrap}@media (max-width:920px){.owned-tools-showcase-head{align-items:start;flex-direction:column}.owned-tools-showcase-grid,.owned-tools-hero-grid{grid-template-columns:1fr}.owned-tools-featured{min-height:360px;border-right:0;border-bottom:1px solid rgba(255,255,255,.13)}.owned-tools-hero-grid{gap:36px}.owned-tools-list article{grid-template-columns:54px 1fr;gap:14px 20px;padding:28px 0}.owned-tool-copy,.owned-tools-list article>a{grid-column:2}}@media (max-width:680px){.owned-tools-showcase{padding:72px 0}.owned-tools-featured{min-height:320px;padding:34px 24px}.owned-tools-showcase-list>a{padding-left:0}.owned-tools-showcase-list>a:hover{padding-left:8px}.owned-tools-hero{padding:76px 0 86px}.owned-tools-hero h1{font-size:clamp(46px,14vw,72px)}.owned-tools-list article{grid-template-columns:38px 1fr}}
