:root{--background: #fcfaf5;--background-soft: #f7f0e4;--surface-1: rgba(255, 253, 247, .92);--surface-2: rgba(252, 248, 239, .96);--surface-3: #f1e5cf;--foreground: #3c3326;--foreground-strong: #2f271d;--muted: #817363;--muted-2: #a0927e;--accent: #f4b72a;--accent-2: #ffd86a;--accent-3: #d99a12;--accent-soft: rgba(244, 183, 42, .12);--blue: #6f98ac;--green: #83aa93;--blue-soft: rgba(111, 152, 172, .1);--green-soft: rgba(131, 170, 147, .12);--border: color-mix(in srgb, rgba(244, 183, 42, .14) 58%, rgba(111, 152, 172, .12) 42%);--border-strong: color-mix(in srgb, rgba(244, 183, 42, .22) 68%, rgba(131, 170, 147, .18) 32%);--shadow-lg: 0 18px 44px rgba(111, 85, 45, .09);--shadow-md: 0 10px 24px rgba(111, 85, 45, .07);--rounded-hex: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='black' d='M50 4 Q56 4 61 7 L88 23 Q93 26 96 31 Q99 36 99 42 L99 58 Q99 64 96 69 Q93 74 88 77 L61 93 Q56 96 50 96 Q44 96 39 93 L12 77 Q7 74 4 69 Q1 64 1 58 L1 42 Q1 36 4 31 Q7 26 12 23 L39 7 Q44 4 50 4 Z'/%3E%3C/svg%3E")}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{color:var(--foreground);margin:0;min-width:320px;background:url("data:image/svg+xml,%3Csvg width='112' height='96' viewBox='0 0 112 96' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23f4b72a' stroke-opacity='.055' stroke-width='1.4'%3E%3Cpath d='M28 2 52 16v28L28 58 4 44V16z'/%3E%3Cpath d='M84 2l24 14v28L84 58 60 44V16z'/%3E%3Cpath d='M56 50l24 14v28L56 106 32 92V64z'/%3E%3C/g%3E%3C/svg%3E"),radial-gradient(ellipse 100% 55% at 50% 0%,rgba(244,183,42,.17) 0%,transparent 58%),radial-gradient(circle at 14% 18%,rgba(244,183,42,.1) 0%,transparent 22%),radial-gradient(circle at 84% 18%,rgba(111,152,172,.09) 0%,transparent 21%),radial-gradient(circle at 76% 78%,rgba(131,170,147,.09) 0%,transparent 24%),linear-gradient(180deg,#fcfaf5,#f7efe1 44%,#fdfbf7);background-attachment:fixed;font-family:Inter,Plus Jakarta Sans,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:#f4b72a38}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#f4b72a57,#6f98ac38);border-radius:999px}main{min-height:100vh;padding-bottom:calc(84px + env(safe-area-inset-bottom))}.route-stage{animation:route-enter .34s cubic-bezier(.2,.8,.2,1);transform-origin:50% 18px}@keyframes route-enter{0%{opacity:0;transform:translateY(16px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.route-stage{animation:none}}.site-header{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1120px;padding:14px 18px 8px;position:sticky;top:0;z-index:20}.site-header:before{backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);background:#fcfaf5d6;border-bottom:1px solid rgba(244,183,42,.1);box-shadow:0 1px #f4b72a0a,0 6px 20px #6f552d0a;content:"";top:0;right:0;bottom:0;left:0;position:absolute;z-index:-1}.brand{align-items:center;background:transparent;border:0;color:inherit;display:flex;gap:10px;padding:0;text-align:left}.brand-mark{align-items:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border-radius:11px;box-shadow:0 0 18px #f4b72a2e;color:#3a2a05;display:inline-flex;font-weight:950;height:36px;justify-content:center;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;width:36px}.brand strong,.brand small{display:block}.brand strong{color:var(--foreground-strong);font-size:15px;letter-spacing:-.03em}.brand small,.page-title p,.hero-copy p,.project-card p,footer{color:var(--muted)}.top-nav,.site-header nav{display:none}.top-nav button,.site-header nav button,.bottom-nav button,.secondary{border-radius:12px;transition:all .2s ease}.top-nav button,.site-header nav button,.secondary{background:#ffffffa3;border:1px solid rgba(244,183,42,.14);color:var(--muted);padding:10px 16px}.hero{display:grid;gap:18px;margin:0 auto;max-width:1120px;padding:24px 16px 30px;position:relative}.hero:before,.page:before{background-image:url("data:image/svg+xml,%3Csvg width='84' height='72' viewBox='0 0 84 72' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' stroke='%23d99a12' stroke-opacity='.075' stroke-width='1'%3E%3Cpath d='M21 1 39 11.5v21L21 43 3 32.5v-21z'/%3E%3Cpath d='M63 1l18 10.5v21L63 43 45 32.5v-21z'/%3E%3Cpath d='M42 37l18 10.5v21L42 79 24 68.5v-21z'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(rgba(244,183,42,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(111,152,172,.025) 1px,transparent 1px);background-size:24px 24px;content:"";top:0;right:0;bottom:0;left:0;-webkit-mask-image:linear-gradient(180deg,rgba(255,255,255,.76),transparent 78%);mask-image:linear-gradient(180deg,rgba(255,255,255,.76),transparent 78%);pointer-events:none;position:absolute}.hero-copy,.hero-card,.page>*{position:relative}.hero-copy{background:linear-gradient(180deg,#fffdf7f2,#f9f6efeb);border:1px solid var(--border-strong);border-radius:28px;box-shadow:var(--shadow-lg);overflow:hidden;padding:24px}.hero-copy:before{background:radial-gradient(circle at top left,rgba(244,183,42,.18),transparent 30%),radial-gradient(circle at 72% 18%,rgba(111,152,172,.09),transparent 20%),radial-gradient(circle at bottom right,rgba(131,170,147,.08),transparent 24%);content:"";top:0;right:0;bottom:0;left:0;pointer-events:none;position:absolute}.hero-copy>*{position:relative}.honeycomb-accent{height:96px;opacity:.5;pointer-events:none;position:absolute;right:-18px;top:-12px;width:118px;z-index:0}.honeycomb-accent span{background:linear-gradient(135deg,#ffffff6b,#f4b72a24),#fff7da7a;border:1px solid rgba(217,154,18,.2);border-radius:14px;box-shadow:inset 0 1px #ffffff75;height:36px;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;position:absolute;width:40px}.honeycomb-accent span:nth-child(1){left:38px;top:0}.honeycomb-accent span:nth-child(2){left:4px;top:24px}.honeycomb-accent span:nth-child(3){left:72px;top:24px}.honeycomb-accent span:nth-child(4){left:38px;top:48px}.honeycomb-accent span:nth-child(5){left:4px;top:72px}.honeycomb-accent span:nth-child(6){left:72px;top:72px}.eyebrow,.mini-eyebrow{color:var(--accent-3);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow{align-items:center;background:#f4b72a1a;border:1px solid rgba(244,183,42,.18);border-radius:999px;display:inline-flex;gap:8px;padding:7px 11px}h1,h2,h3{color:var(--foreground-strong);letter-spacing:-.045em}h1{font-size:clamp(40px,12vw,68px);line-height:1.02;margin:18px 0}.hero-copy p{font-size:15px;line-height:1.9;margin:0}.hero-actions{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin-top:24px}.primary,.support-button{align-items:center;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border:1px solid rgba(213,145,6,.2);border-radius:12px;box-shadow:0 10px 24px #f4b72a2e;color:#3c2a05;display:inline-flex;font-weight:900;gap:8px;justify-content:center;min-height:48px;padding:13px 18px;transition:all .2s ease}.secondary:active,.primary:active,.support-button:active{transform:scale(.98)}.full-width{width:100%}.hero-card,.form-card,.detail-card,.support-panel,.comments,.empty-state{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,var(--surface-1) 0%,rgba(249,246,239,.92) 100%);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden}.hero-card{align-items:center;display:grid;gap:14px;grid-template-columns:auto 1fr;padding:18px}.hero-card .mini-eyebrow{grid-column:1 / -1}.hero-card p{color:#5b4b25;font-size:18px;font-weight:800;line-height:1.4;margin:0}.pulse-button{align-items:center;animation:breathe 2.6s ease-in-out infinite;background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border:1px solid rgba(213,145,6,.18);border-radius:28px;box-shadow:0 14px 28px #f4b72a38,inset 0 1px #ffffff6b;color:#392702;display:flex;flex-direction:column;font-size:18px;font-weight:950;height:112px;justify-content:center;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;position:relative;width:112px}.pulse-button:after{border:1px solid rgba(58,42,5,.12);border-radius:24px;content:"";top:11px;right:11px;bottom:11px;left:11px;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;position:absolute}@keyframes breathe{50%{transform:scale(1.05)}}.page{margin:0 auto;max-width:1120px;min-height:620px;padding:18px 16px 34px;position:relative}.narrow{max-width:760px}.compact-title{margin-bottom:18px}.compact-title h1,.page-title h1{font-size:clamp(31px,9vw,52px);line-height:1.04;margin:16px 0 10px}.compact-title p{font-size:15px;line-height:1.7;margin:0}.search{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#fffdf7e0;border:1px solid var(--border);border-radius:18px;box-shadow:0 8px 22px #6f552d0f;display:flex;gap:10px;margin:18px 0;padding:12px 14px;position:sticky;top:66px;z-index:10}.search input,.form-card input,.form-card textarea,.form-card select,.support-panel input{background:#fcfaf5;border:1px solid rgba(244,183,42,.14);border-radius:14px;color:var(--foreground);outline:none;padding:13px 14px;transition:all .2s ease;width:100%}.search input:focus,.form-card input:focus,.form-card textarea:focus,.form-card select:focus,.support-panel input:focus{background:#fff;border-color:#f4b72a5c;box-shadow:0 0 0 4px #f4b72a14}.search input{background:transparent;border:0;box-shadow:none;padding:0}.square-filters{display:grid;gap:10px;grid-template-columns:1fr 1fr;margin:-6px 0 18px}.square-filters label{background:#fffaede6;border:1px solid rgba(244,183,42,.2);border-radius:16px;box-shadow:0 8px 22px #6f552d0d;display:grid;gap:6px;padding:10px 12px}.square-filters span{color:var(--muted);font-size:12px;font-weight:900}.square-filters select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:0;color:var(--foreground-strong);font-size:14px;font-weight:900;outline:none;width:100%}.tag-filter-field{background:linear-gradient(135deg,#fffdf7f5,#fff8e1c7),#fffaede6}.tag-filter-input{align-items:center;background:#fffdf7eb;border:1px solid rgba(244,183,42,.18);border-radius:999px;color:#8a6814;display:flex;gap:8px;min-height:38px;padding:0 10px;transition:border-color .18s ease,box-shadow .18s ease}.tag-filter-input:focus-within{border-color:#f4b72a61;box-shadow:0 0 0 4px #f4b72a14}.tag-filter-input input{background:transparent;border:0;box-shadow:none;color:var(--foreground-strong);flex:1;font-size:14px;font-weight:900;min-width:0;outline:none;padding:0}.tag-filter-input button{align-items:center;background:#f4b72a24;border:1px solid rgba(244,183,42,.18);border-radius:999px;color:#7b5d0d;display:inline-flex;flex:0 0 auto;font-size:18px;font-weight:900;height:24px;justify-content:center;line-height:1;width:24px}.tag-filter-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding-top:4px}.tag-filter-suggestions button{align-items:center;background:#fff8e1f0;border:1px solid rgba(244,183,42,.2);border-radius:999px;color:#7b5d0d;display:inline-flex;font-size:12px;font-weight:900;gap:5px;padding:7px 10px}.tag-filter-suggestions button:hover{background:#f4b72a2e}.subscribed-home,.group-page-head{background:linear-gradient(180deg,#fffdf7f0,#f9f6efe6);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow-md);display:grid;gap:16px;margin:18px auto 0;max-width:1080px;padding:20px}.compact-create{border-radius:14px;font-size:14px;min-height:38px;padding:8px 13px}.group-chip-row,.tag-chip-row{display:flex;flex-wrap:wrap;gap:8px}.group-chip-row button,.tag-chip-row button,.group-pill,.detail-group-pill,.topic-pill,.detail-tags button,.card-tags button{align-items:center;background:#fff8e1f0;border:1px solid rgba(244,183,42,.26);border-radius:999px;color:#7b5d0d;display:inline-flex;font-size:12px;font-weight:900;gap:5px;padding:6px 10px}.tag-chip-row button.active,.topic-pill:hover,.detail-tags button:hover,.card-tags button:hover{background:#f4b72a38}.home-recommend-list,.square-layout{display:grid;gap:14px}.square-content{min-width:0}.group-sidebar,.type-sidebar{background:#fffdf7e0;border:1px solid rgba(244,183,42,.16);border-radius:20px;box-shadow:0 10px 24px #6f552d0f;display:grid;gap:6px;grid-auto-flow:column;overflow-x:auto;padding:8px}.group-sidebar button,.type-sidebar button{align-items:center;background:transparent;border:0;border-radius:14px;color:var(--muted);display:flex;font-size:14px;font-weight:900;gap:10px;padding:10px 12px;white-space:nowrap}.group-sidebar-icon{align-items:center;background:#f4b72a14;border:1px solid rgba(244,183,42,.16);border-radius:999px;color:#8a6814;display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.group-sidebar button.active,.type-sidebar button.active{background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:0 10px 22px #f4b72a33;color:#211703}.type-sidebar button.active.tone-nav-suggestion{background:linear-gradient(135deg,#5ac5e93d,#5ac5e914)}.type-sidebar button.active.tone-nav-help{background:linear-gradient(135deg,#ffa0373d,#ffa03714)}.type-sidebar button.active.tone-nav-fun{background:linear-gradient(135deg,#ff97a33d,#ff97a314)}.type-sidebar .tone-badge{width:100%}.group-sidebar button.active .group-sidebar-icon,.type-sidebar button.active .group-sidebar-icon{background:#ffffff94;border-color:#ffffff8a;color:#5d4305}.project-grid{display:grid;gap:14px;grid-template-columns:1fr}.project-column{display:grid;gap:14px}.project-card{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#fffdf7f0,#f9f6efeb);border:1px solid var(--border);border-radius:22px;break-inside:avoid;box-shadow:var(--shadow-md);cursor:pointer;overflow:hidden;padding:18px;position:relative;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.project-card:after{background:linear-gradient(135deg,#ffffff75,#f4b72a14),#fff7da73;border:1px solid rgba(244,183,42,.14);border-radius:18px;content:"";height:58px;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;opacity:.52;position:absolute;right:-18px;top:-14px;width:64px}.project-card>*{position:relative;z-index:1}.project-card:active{transform:scale(.99)}.project-card h2{color:var(--foreground-strong);font-size:25px;font-weight:700;line-height:1.18;margin:16px 0 10px}.project-card p{display:-webkit-box;font-size:14px;line-height:1.75;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.project-images{display:grid;gap:8px;margin:18px 0 0;max-width:100%}.project-images.single{display:block}.project-images.multi{grid-template-columns:repeat(3,minmax(0,1fr));max-width:min(100%,620px)}.project-images.four{grid-template-columns:repeat(2,minmax(0,1fr));max-width:min(100%,420px)}.project-images.compact{margin-top:12px;max-width:100%}.project-images.compact.multi,.project-images.compact.four{max-width:100%}.project-image-tile{background:#fffaede6;border:1px solid rgba(244,183,42,.14);border-radius:12px;display:block;overflow:hidden;padding:0;width:100%}.project-images.single .project-image-tile{border-radius:16px}.project-images:not(.compact).single .project-image-tile{max-width:100%}.project-images:not(.compact).single .project-image-tile img{margin:0 auto;max-height:min(72vh,760px);max-width:100%;object-fit:contain;width:auto}.project-image-tile img{display:block;height:auto;width:100%}.project-images.multi .project-image-tile,.project-images.four .project-image-tile,.project-images.compact .project-image-tile{aspect-ratio:1}.project-images.multi .project-image-tile img,.project-images.four .project-image-tile img,.project-images.compact .project-image-tile img{height:100%;object-fit:cover}.card-topline,.card-stats,.detail-meta,footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.card-topline{display:grid;grid-template-columns:auto 1fr auto}.card-topline small{justify-self:end}.card-topline .tone-pill{justify-self:start}.tone-pill,.tag,.tone-badge{align-items:center;border:1px solid rgba(244,183,42,.18);border-radius:999px;color:#4d3905;display:inline-flex;font-size:12px;font-weight:900;gap:6px;padding:7px 10px}.tone-badge{background:#ffd64db3;border-radius:14px;box-shadow:0 8px 18px #6f552d14;line-height:1}.tone-badge.compact{font-size:12px;padding:6px 9px}.tone-badge-icon{align-items:center;background:#ffffff75;display:inline-flex;flex:0 0 auto;height:22px;justify-content:center;width:22px}.tone-badge.compact .tone-badge-icon{height:18px;width:18px}.tone-badge-suggestion{background:linear-gradient(135deg,#5ac5e9,#8bd9f0);border-color:#5ac5e95c;box-shadow:0 8px 18px #5ac5e933;color:#0b4054}.tone-badge-suggestion .tone-badge-icon{border-radius:7px;clip-path:polygon(25% 6%,75% 6%,100% 50%,75% 94%,25% 94%,0 50%)}.tone-badge-help{background:linear-gradient(135deg,#ffa037,#ffc06f);border-color:#ffa0375c;box-shadow:0 8px 18px #ffa03733;color:#573000}.tone-badge-help .tone-badge-icon{border-radius:999px 999px 999px 6px}.tone-badge-fun{background:linear-gradient(135deg,#ff97a3,#ffb8c0);border-color:#ff97a35c;box-shadow:0 8px 18px #ff97a333;color:#5b1f2a}.tone-badge-fun .tone-badge-icon{border-radius:8px;transform:rotate(8deg)}.card-topline small{color:var(--muted-2)}.card-tags,.detail-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.promoted-tags{background:#fffdf7db;border:1px solid rgba(244,183,42,.16);border-radius:20px;box-shadow:0 10px 24px #6f552d0d;display:grid;gap:10px;padding:14px}.promoted-tags strong{color:var(--foreground-strong)}.card-stats{border-top:1px solid rgba(244,183,42,.12);justify-content:space-between;margin-top:16px;padding-top:14px}.card-stats time{color:var(--muted-2);font-size:12px;font-weight:800}.card-stats-numbers{display:inline-flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.card-stats-numbers span{align-items:center;background:#f4b72a14;border:1px solid rgba(244,183,42,.12);border-radius:999px;color:#7a5d10;display:inline-flex;gap:5px;padding:7px 10px}.form-card{display:grid;gap:16px;padding:18px}.form-actions{display:grid;gap:10px;grid-template-columns:1fr}.auth-card{margin-top:18px}.admin-tabs{margin-bottom:14px}.auth-tabs{background:#f4b72a14;border:1px solid rgba(244,183,42,.14);border-radius:16px;display:grid;gap:6px;grid-template-columns:1fr 1fr;padding:5px}.auth-tabs button{background:transparent;border:0;border-radius:12px;color:var(--muted);font-weight:900;padding:11px 12px}.auth-tabs button.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);box-shadow:inset 0 0 0 1px #d591061f;color:#3c2a05}.code-row{display:grid;gap:10px;grid-template-columns:1fr}.code-row .secondary{min-height:46px}.form-card label{color:var(--foreground-strong);display:grid;font-size:13px;font-weight:800;gap:8px;letter-spacing:.08em}.image-upload-field span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:0;line-height:1.6}.image-upload-field input[type=file]{background:#fffaede6;border:1px dashed rgba(244,183,42,.34);cursor:pointer}.upload-preview-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.upload-preview-tile{aspect-ratio:1;border:1px solid rgba(244,183,42,.18);border-radius:14px;overflow:hidden;position:relative}.upload-preview-tile img{height:100%;object-fit:cover;width:100%}.upload-preview-tile button{background:#2f271dad;border:0;border-radius:999px;color:#fffaf0;font-size:12px;font-weight:900;padding:5px 8px;position:absolute;right:6px;top:6px}.form-message{background:#f4b72a14;border:1px solid rgba(244,183,42,.16);border-radius:14px;color:#7b5d0d;line-height:1.6;margin:0;padding:12px 14px}.auth-guard{gap:12px}.profile-card{margin-top:18px;padding-top:52px;position:relative}.profile-actions{display:flex;gap:8px;position:absolute;right:18px;top:18px;z-index:2}.compact-action{border-radius:12px;font-size:13px;font-weight:900;min-height:34px;padding:7px 12px}.profile-head{align-items:center;display:flex;gap:14px}.profile-head h2,.profile-head p{margin:0}.profile-head h2{font-size:22px}.profile-head p{color:var(--muted);line-height:1.6;margin-top:4px}.avatar-preview{align-items:center;background:linear-gradient(135deg,#f4b72a29,#ffd86a3d);border:1px solid rgba(244,183,42,.18);color:#8a6814;display:inline-flex;flex:0 0 auto;height:68px;justify-content:center;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;overflow:hidden;width:74px}.avatar-preview img{height:100%;object-fit:cover;width:100%}.my-projects{display:grid;gap:12px;margin-top:18px}.my-project-tabs{background:#fffaede6;border:1px solid rgba(244,183,42,.22);border-radius:18px;display:grid;gap:8px;grid-template-columns:1fr 1fr;margin-top:18px;padding:8px}.my-project-tabs button{align-items:center;background:transparent;border:0;border-radius:14px;color:var(--muted);display:inline-flex;font-size:15px;font-weight:900;gap:8px;justify-content:center;padding:12px 10px}.my-project-tabs button.active{background:linear-gradient(135deg,var(--accent),var(--accent-soft));box-shadow:0 10px 22px #f4b72a38;color:#211703}.my-project-tabs span{background:#ffffffb8;border-radius:999px;color:inherit;font-size:12px;line-height:1;min-width:24px;padding:5px 7px}.section-title{align-items:center;display:flex;justify-content:space-between}.section-title h2{font-size:22px;margin:0}.section-title small{color:var(--muted);font-weight:800}.compact-empty{gap:10px;padding:18px}.compact-empty p{color:var(--muted);margin:0}.my-project-row{backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#fffdf7f0,#f9f6efe6);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow-md);color:var(--foreground);display:grid;gap:8px;justify-items:start;padding:16px;position:relative;text-align:left;width:100%}.my-project-row>button{background:transparent;border:0;color:inherit;display:grid;gap:8px;justify-items:start;min-height:44px;padding:0 166px 0 0;position:relative;text-align:left;width:100%;z-index:1}.my-project-row span,.supporter-list span{border-radius:999px;color:#4d3905;font-size:12px;font-weight:900;padding:6px 9px}.my-project-row strong{color:var(--foreground-strong);font-size:17px}.my-project-row small{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:6px}.my-project-row small .project-status{border-radius:999px;font-size:12px;font-weight:950;padding:2px 7px}.project-status.status-draft{background:#9a7f431f;color:#7b5d0d}.project-status.status-pending{background:#ffa03729;color:#a85a00}.project-status.status-published{background:#359e8b24;color:#187464}.project-status.status-rejected{background:#d947351f;color:#b72f24}.review-reason{background:#f4b72a14;border:1px solid rgba(244,183,42,.16);border-radius:14px;color:#7b5d0d;line-height:1.6;margin:0;padding:10px 12px}.review-reason-field{display:grid;gap:8px;width:100%}.review-reason-field span{color:var(--foreground-strong);font-size:13px;font-weight:900;letter-spacing:.08em}.review-reason-input{background:#fcfaf5;border:1px solid rgba(244,183,42,.14);border-radius:14px;color:var(--foreground);outline:none;padding:12px 14px;width:100%}.inline-edit-card{background:#fffdf7b8;border:1px solid rgba(244,183,42,.14);border-radius:16px;display:grid;gap:12px;padding:14px;width:100%}.inline-edit-card label{color:var(--foreground-strong);display:grid;font-size:13px;font-weight:800;gap:8px}.inline-edit-card input,.inline-edit-card textarea,.inline-edit-card select{background:#fcfaf5;border:1px solid rgba(244,183,42,.14);border-radius:14px;color:var(--foreground);outline:none;padding:12px 14px;width:100%}.project-row-actions{align-items:center;display:flex;gap:6px;justify-content:flex-end;position:absolute;pointer-events:auto;right:12px;top:12px;width:156px;min-width:156px;white-space:nowrap;z-index:5}.project-row-actions button{align-items:center;border-radius:11px;display:inline-flex;font-size:0;height:34px;justify-content:center;min-height:34px;padding:0;pointer-events:auto;touch-action:manipulation;width:48px}.project-row-actions button:before{background:currentColor;content:"";display:block;height:17px;width:17px}.project-row-actions .secondary:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.12 2.12 0 0 1 3 3L7 19l-4 1 1-4Z'/%3E%3C/svg%3E") center / contain no-repeat}.project-row-actions .primary:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4Z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E") center / contain no-repeat}.project-row-actions .danger-button:before{mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") center / contain no-repeat;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18'/%3E%3Cpath d='M8 6V4h8v2'/%3E%3Cpath d='M19 6l-1 14H6L5 6'/%3E%3Cpath d='M10 11v6'/%3E%3Cpath d='M14 11v6'/%3E%3C/svg%3E") center / contain no-repeat}.danger-button{background:linear-gradient(135deg,#ef6a55,#d94735 58%,#b72f24);border:1px solid rgba(183,47,36,.55);border-radius:14px;box-shadow:0 10px 20px #d947352e;color:#fffaf4;font-weight:900;min-height:44px;padding:11px 14px;width:100%}.project-row-actions .danger-button{border-radius:11px;min-height:34px;padding:0}.tag-field{display:grid;gap:10px}.tag-field>span{color:var(--foreground-strong);font-weight:900}.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.selected-tags button{align-items:center;background:#f4b72a24;border:1px solid rgba(244,183,42,.26);border-radius:999px;color:#7b5d0d;display:inline-flex;font-size:13px;font-weight:900;gap:6px;padding:8px 10px}.tag-input{align-items:center;display:flex;gap:8px}.tag-input input{flex:1}.tag-suggestions{background:#fffdf7f0;border:1px solid rgba(244,183,42,.18);border-radius:18px;box-shadow:0 12px 28px #6f552d14;display:flex;flex-wrap:wrap;gap:8px;padding:10px}.tag-suggestions button{background:#fff8e1e6;border:1px solid rgba(244,183,42,.2);border-radius:999px;color:#7b5d0d;font-size:13px;font-weight:900;padding:8px 10px}.group-manage-grid,.tag-manage-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.group-manage-grid button,.tag-manage-grid button{align-items:center;background:#fffdf7d1;border:1px solid rgba(244,183,42,.18);border-radius:16px;color:var(--foreground);display:flex;gap:12px;padding:14px;text-align:left}.group-manage-grid button.active,.tag-manage-grid button.active{background:linear-gradient(135deg,#f4b72aeb,#ffd86ae6);border-color:#f4b72a6b;box-shadow:0 10px 22px #f4b72a33}.group-manage-icon{align-items:center;background:#f4b72a1a;border:1px solid rgba(244,183,42,.2);border-radius:999px;color:#8a6814;display:inline-flex;flex:0 0 auto;height:42px;justify-content:center;width:42px}.group-manage-copy{display:grid;gap:2px;min-width:0}.group-manage-copy strong{color:var(--foreground-strong);font-size:16px;font-weight:900}.group-manage-copy small{color:var(--muted);font-weight:800}.group-page-head{align-items:center}.group-page-head h1{font-size:clamp(36px,12vw,70px);margin:4px 0 8px}.group-page-head p{color:var(--muted);line-height:1.7;margin:0}@media(min-width:520px){.code-row{grid-template-columns:1fr auto}}.detail-layout{align-items:start;display:grid;gap:16px}.detail-card,.support-panel,.comments,.empty-state{padding:20px}.detail-card h1{font-size:clamp(32px,10vw,58px)}.detail-card p{color:#5e5141;font-size:16px;line-height:1.9}.description-toggle{background:#f4b72a1a;border:1px solid rgba(244,183,42,.16);border-radius:999px;color:#7b5d0d;font-size:13px;font-weight:900;justify-self:start;padding:8px 12px}.detail-meta{border-top:1px solid rgba(244,183,42,.12);color:var(--muted);margin-top:18px;padding-top:16px}.support-panel{align-self:start;display:grid;gap:12px}.support-button{aspect-ratio:1.1547 / 1;border-radius:12px;flex-direction:column;font-size:24px;mask:none;-webkit-mask:none;min-height:auto;position:relative;width:min(100%,240px);justify-self:center;clip-path:polygon(25% 1.5%,75% 1.5%,99% 50%,75% 98.5%,25% 98.5%,1% 50%)}.support-button.supported{background:linear-gradient(135deg,#ff9fbd,#ffd1df);border-color:#d2567a47;box-shadow:0 12px 24px #d2567a2e,inset 0 1px #ffffff61;color:#6d2236;cursor:default;font-size:0;gap:4px}.support-button.supported svg{display:none}.support-count-display{color:#6d2236;font-size:clamp(52px,12vw,82px);font-weight:950;letter-spacing:-.06em;line-height:.92;position:relative;z-index:1}.support-count-label{color:#6d2236;font-size:24px;font-weight:950;line-height:1.1;position:relative;z-index:1}.support-button:disabled{transform:none}.support-button:after{border:1px solid rgba(58,42,5,.12);border-radius:8px;content:"";top:14px;right:14px;bottom:14px;left:14px;mask:none;-webkit-mask:none;clip-path:polygon(25% 1.5%,75% 1.5%,99% 50%,75% 98.5%,25% 98.5%,1% 50%);position:absolute}.comments h2{margin-top:0}.section-heading{align-items:center;color:var(--foreground-strong);display:flex;gap:10px}.section-heading svg{background:#f4b72a14;border:1px solid rgba(244,183,42,.2);border-radius:999px;color:#8a6814;flex:0 0 auto;padding:5px;width:32px;height:32px}.comment{align-items:flex-start;border-top:1px solid rgba(244,183,42,.12);display:grid;gap:12px;grid-template-columns:auto 1fr;padding:16px 0}.comment-avatar{align-items:center;background:linear-gradient(135deg,#f4b72a1f,#ffd86a33);border:1px solid rgba(244,183,42,.18);color:#8a6814;display:inline-flex;height:42px;justify-content:center;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;overflow:hidden;width:46px}.comment-avatar img{height:100%;object-fit:cover;width:100%}.comment-body{min-width:0}.comment-body strong{color:var(--foreground-strong);display:block;margin-bottom:4px}.comment-body p{margin:0}.comment-link-hint{color:#6f8798;font-weight:800}.linked-project-card{align-items:center;background:#fffaede6;border:1px solid rgba(244,183,42,.2);border-radius:14px;color:var(--foreground);display:flex;gap:8px;justify-content:space-between;margin-top:10px;padding:10px 12px;text-align:left;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease;width:100%}.linked-project-card:hover{background:#ffefc4f5;border-color:#f4b72a57;box-shadow:0 8px 18px #6f552d14;transform:translateY(-1px)}.linked-project-card:active{background:#fae2a4fa;transform:translateY(0)}.linked-project-main{align-items:center;background:transparent;border:0;color:inherit;display:flex;flex:1 1 auto;gap:8px;min-width:0;padding:0;text-align:left}.linked-project-main span{border-radius:999px;color:#4d3905;flex:0 0 auto;font-size:11px;font-weight:900;padding:4px 7px}.linked-project-main strong{color:var(--foreground-strong);font-size:14px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-support-button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border:1px solid rgba(213,145,6,.18);border-radius:11px;color:#3c2a05;flex:0 0 auto;font-size:12px;font-weight:900;min-height:32px;padding:6px 10px}.linked-support-button.supported,.linked-support-button:disabled{background:linear-gradient(135deg,#f7a9c4,#ffd3df);color:#5f2436;cursor:default;opacity:1}.comment-form{display:grid;gap:10px;margin-bottom:12px}.comment-input-row{align-items:stretch;display:grid;gap:8px;grid-template-columns:1fr 48px}.comment-input-row textarea{min-height:92px}.link-project-trigger{align-items:center;background:linear-gradient(135deg,#f4b72a2e,#ffd86a4d);border:1px solid rgba(244,183,42,.24);border-radius:14px;color:#8a6814;display:inline-flex;justify-content:center}.comment-form input,.comment-form textarea{background:#fcfaf5;border:1px solid rgba(244,183,42,.14);border-radius:14px;color:var(--foreground);outline:none;padding:13px 14px;width:100%}.selected-link-project{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto}.selected-link-project .linked-project-card{margin:0}.selected-link-project>button{background:#ffffffb8;border:1px solid rgba(244,183,42,.16);border-radius:12px;color:var(--muted);font-weight:900;min-height:42px;padding:8px 10px}.link-picker-backdrop{align-items:center;background:#2f271d85;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);display:flex;height:100dvh;top:0;right:0;bottom:0;left:0;justify-content:center;overflow-y:auto;padding:24px;position:fixed;width:100vw;z-index:1000}.link-picker{background:var(--surface-1);border:1px solid var(--border);border-radius:26px;box-shadow:0 28px 80px #2f271d3d;display:grid;gap:12px;grid-template-rows:auto auto auto minmax(0,1fr);max-height:calc(100dvh - 48px);max-width:720px;min-height:0;overflow:hidden;padding:18px;width:100%}.link-picker-head{align-items:start;display:flex;gap:12px;justify-content:space-between}.link-picker-head p{color:var(--muted);margin:4px 0 0}.link-picker-head>button{background:#ffffffb8;border:1px solid rgba(244,183,42,.16);border-radius:12px;color:var(--muted);font-weight:900;padding:8px 10px}.link-picker-close{align-items:center;border-radius:999px!important;display:inline-flex;flex:0 0 auto;font-size:0;height:36px;justify-content:center;padding:0!important;width:36px}.link-picker-close:before{content:"×";font-size:24px;font-weight:700;line-height:1}.link-picker-search{margin:0;position:static}.link-picker-list{display:grid;gap:10px;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.empty-picker{color:var(--muted);margin:0}.supporter-list{display:flex;flex-wrap:wrap;gap:8px}.supporter-list span{background:#f4b72a1a}.empty-state{display:grid;justify-items:start;line-height:1.7}.home-admin-entry{margin:18px auto 22px;max-width:1120px;padding:0 16px 22px}.admin-entry-card{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:linear-gradient(180deg,#fffdf7e0,#f9f6efdb);border:1px solid rgba(244,183,42,.14);border-radius:22px;box-shadow:var(--shadow-md);color:var(--foreground);display:flex;gap:14px;padding:16px;text-align:left;width:100%}.admin-entry-icon{align-items:center;background:#f4b72a1a;border:1px solid rgba(244,183,42,.18);border-radius:18px;color:#8a6814;display:inline-flex;height:48px;justify-content:center;mask:var(--rounded-hex) center / contain no-repeat;-webkit-mask:var(--rounded-hex) center / contain no-repeat;width:52px}.admin-entry-card strong,.admin-entry-card small{display:block}.admin-entry-card strong{color:var(--foreground-strong);font-size:15px;margin-bottom:4px}.admin-entry-card small{color:var(--muted);line-height:1.5}footer{border-top:1px solid rgba(244,183,42,.12);display:grid;gap:14px;margin:0 auto;max-width:1120px;padding:24px 18px 18px}.footer-quick-links{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px 14px}.footer-quick-links strong{color:var(--foreground-strong);font-size:14px;margin-right:2px}.footer-quick-links button{background:transparent;border:0;border-radius:0;color:var(--muted);font-weight:800;padding:0;text-decoration:none;transition:color .18s ease}.footer-quick-links button:hover{color:var(--accent-3);text-decoration:underline}footer span{align-items:center;display:inline-flex;gap:6px}.bottom-nav{backdrop-filter:blur(20px) saturate(1.1);-webkit-backdrop-filter:blur(20px) saturate(1.1);background:#fffdf7eb;border:1px solid rgba(244,183,42,.16);border-radius:24px 24px 0 0;bottom:0;box-shadow:0 -18px 44px #6f552d21;display:grid;gap:4px;grid-template-columns:repeat(4,1fr);left:0;padding:10px 10px calc(10px + env(safe-area-inset-bottom));position:fixed;right:0;z-index:30}.bottom-nav button{align-items:center;background:transparent;border:0;color:var(--muted);display:grid;font-size:12px;font-weight:800;gap:4px;justify-items:center;min-height:54px;padding:6px 4px}.bottom-nav button.active{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);box-shadow:inset 0 0 0 1px #d591061f;border-radius:16px;color:#3c2a05}@media(max-width:719px){.detail-description.collapsed{display:-webkit-box;max-height:7.6em;overflow:hidden;position:relative;-webkit-box-orient:vertical;-webkit-line-clamp:4}.detail-description.collapsed:after{background:linear-gradient(180deg,#fffdf700,#fffdf7f5);bottom:0;content:"";height:2.8em;left:0;pointer-events:none;position:absolute;right:0}.description-toggle{margin-top:-4px}}@media(min-width:720px){main{padding-bottom:0}.site-header{padding:22px 24px}.top-nav,.site-header nav{display:flex;gap:8px}.top-nav button.active,.site-header nav button.active{background:#f4b72a1f;color:var(--foreground-strong)}.bottom-nav{display:none}.hero{align-items:stretch;gap:20px;grid-template-columns:1.15fr .85fr;padding:38px 24px 64px}.home-admin-entry{margin-top:22px;padding:0 24px 54px}.hero-copy{padding:32px}.hero-actions{display:flex}.form-actions{grid-template-columns:1fr 1fr}.hero-card{align-content:center;display:grid;justify-items:center;padding:34px;text-align:center}.hero-card p{margin-top:8px}.pulse-button{font-size:22px;height:180px;width:180px}.page{padding:42px 24px 88px}.project-grid{align-items:start;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.home-recommend-list{grid-template-columns:repeat(3,minmax(0,1fr))}.square-layout{align-items:start;grid-template-columns:160px minmax(0,1fr)}.group-sidebar,.type-sidebar{grid-auto-flow:row;position:sticky;top:116px}.group-sidebar button,.type-sidebar button{justify-content:start;text-align:left}.group-page-head{grid-template-columns:1fr auto}.group-manage-grid,.tag-manage-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.project-column{gap:18px}.project-card:hover{border-color:#f4b72a3d;box-shadow:0 14px 28px #6f552d17;transform:translateY(-2px)}.detail-layout{gap:22px;grid-template-columns:1fr 320px}.comments{grid-column:1 / -1}}