: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))}.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{display:none}.top-nav button,.bottom-nav button,.secondary{border-radius:12px;transition:all .2s ease}.top-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}.hero-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.hero-chips span{background:linear-gradient(135deg,#ffffffbd,#f4b72a14);border:1px solid rgba(244,183,42,.16);border-radius:999px;color:#8a6814;font-size:11px;font-weight:700;padding:6px 10px}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}.project-grid{display:grid;gap:14px;grid-template-columns:1fr}.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;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}.card-topline,.card-stats,.detail-meta,footer{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.card-topline span,.tag{border:1px solid rgba(244,183,42,.18);border-radius:999px;color:#4d3905;font-size:12px;font-weight:900;padding:7px 10px}.card-topline small{color:var(--muted-2)}.card-stats{border-top:1px solid rgba(244,183,42,.12);justify-content:flex-start;margin-top:16px;padding-top:14px}.card-stats 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-card label{color:var(--foreground-strong);display:grid;font-size:13px;font-weight:800;gap:8px;letter-spacing:.08em}.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}.detail-layout{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}.detail-meta{border-top:1px solid rgba(244,183,42,.12);color:var(--muted);margin-top:18px;padding-top:16px}.support-panel{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,#83aa93,#b9d7ba);border-color:#4f795c42;box-shadow:0 12px 24px #5f8b6a2e,inset 0 1px #ffffff61;color:#24412c;cursor:default}.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}.comment{border-top:1px solid rgba(244,183,42,.12);padding:16px 0}.empty-state{display:grid;justify-items:start;line-height:1.7}.home-admin-entry{margin:-8px 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);margin:0 auto;max-width:1120px;padding:24px 18px 18px}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(min-width:720px){main{padding-bottom:0}.site-header{padding:22px 24px}.top-nav{display:flex;gap:8px}.top-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:-38px;padding:0 24px 54px}.hero-copy{padding:32px}.hero-actions{display:flex}.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{gap:18px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.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}}