:root{--bg:#f4f8ff;--bg-2:#eef3ff;--panel:#ffffffe0;--panel-strong:#fff;--line:#244a8024;--text:#15253d;--muted:#5a6b86;--accent:#1aa9ff;--accent-2:#35d7a0;--danger:#ff5e73;--ok:#19be84;--radius:18px;--shadow:0 16px 40px #24467b1f}*{box-sizing:border-box}html,body{min-height:100%;margin:0;padding:0;overflow-x:hidden}body{color:var(--text);background:radial-gradient(circle at 8% 10%,#1aa9ff33,transparent 28%),radial-gradient(circle at 92% 18%,#35d7a026,transparent 34%),linear-gradient(160deg,var(--bg)0%,var(--bg-2)48%,#e9f1ff 100%);font-family:Avenir Next,Nunito,Hiragino Kaku Gothic ProN,Segoe UI,sans-serif;line-height:1.6}body:before{content:"";opacity:.35;pointer-events:none;z-index:-1;background-image:linear-gradient(#fff3 1px,#0000 1px),linear-gradient(90deg,#fff3 1px,#0000 1px);background-size:36px 36px;position:fixed;inset:0}a{color:inherit;text-decoration:none}.container{width:min(1120px,92vw);margin:0 auto}.site-header{z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);background:#f4f9ffb8;position:sticky;top:0}.site-header-inner{justify-content:space-between;align-items:center;gap:12px;padding:8px 0;display:flex;position:relative}.account-fab{border:1px solid var(--line);min-width:38px;height:38px;color:var(--text);box-shadow:var(--shadow);background:#fff;border-radius:999px;flex:none;justify-content:center;align-items:center;padding:0 10px;font-size:.83rem;font-weight:700;display:inline-flex}.hero-cta{gap:8px;margin-top:14px;display:grid}.brand{border-radius:10px;align-items:center;padding:2px 4px;transition:background .16s;display:inline-flex}.brand:hover{background:#1aa9ff14}.brand-logo{object-fit:contain;width:clamp(132px,14vw,172px);height:auto}.nav{flex-wrap:wrap;gap:10px;display:flex}.nav a,.nav-link{color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:6px;padding:8px 13px;font-size:.92rem;font-weight:700;transition:all .17s;display:inline-flex}.admin-nav{background:#e9f3ffb3;border:1px solid #1aa9ff2e;border-radius:16px;gap:8px;padding:6px}.admin-nav .nav-link{white-space:nowrap;background:#ffffffeb;border-color:#1aa9ff24}.nav-icon{justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.nav-icon img{object-fit:contain;width:18px;height:18px}.nav-icon svg{fill:currentColor;stroke:currentColor;stroke-width:0;flex:none;width:18px;height:18px;display:block}.nav-icon-account svg{fill:none;stroke:currentColor;stroke-width:1.8px;width:21px;height:21px}.nav a:hover,.nav a.active,.nav-link:hover,.nav-link.active{color:var(--text);background:#1aa9ff14;border-color:#1aa9ff59}main{padding:32px 0 48px}.site-footer{border-top:1px solid var(--line);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#f4f9ffad;margin-top:10px;padding:14px 0 20px}.site-footer-inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.footer-links{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:14px;display:flex}.footer-brand{border-radius:10px;align-items:center;padding:2px 4px;display:inline-flex}.footer-logo{object-fit:contain;opacity:.96;width:clamp(128px,13vw,156px);height:auto}.section{margin-bottom:30px}.hero{border-radius:calc(var(--radius) + 5px);box-shadow:var(--shadow);background:linear-gradient(130deg,#1aa9ff29,#35d7a017);border:1px solid #1aa9ff38;padding:30px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#ffffff8c,#fff0);border-radius:999px;width:180px;height:180px;position:absolute;top:-40px;right:-30px}.hero h1{margin:0 0 8px;font-size:clamp(1.58rem,2.9vw,2.46rem);line-height:1.2}.hero p{color:var(--muted);max-width:66ch;margin:0}.grid{gap:14px;display:grid}.grid>*{min-width:0}.grid-3,.home-members-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-2{grid-template-columns:repeat(auto-fit,minmax(285px,1fr))}.card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,var(--panel-strong),var(--panel));box-shadow:var(--shadow);min-width:0;padding:18px;animation:.26s rise}.account-shell{max-width:760px;margin:0 auto}.danger-zone{background:linear-gradient(#ff5e7314,#fffffff2);border:1px solid #ff5e734d}.pager{grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr);align-items:center;gap:10px;display:grid}.pager>:first-child{justify-self:start}.pager>:last-child{justify-self:end}.pager .meta{text-align:center;white-space:nowrap}.pager-inline{grid-template-columns:minmax(84px,1fr) auto minmax(84px,1fr);align-items:center;gap:10px;display:grid}.pager-inline>:first-child{justify-self:start}.pager-inline>:last-child{justify-self:end}.pager-inline .meta{text-align:center;white-space:nowrap}.home-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.home-actions .btn{white-space:nowrap}.mobile-bottom-nav{display:none}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.card h1,.card h2,.card h3{letter-spacing:.01em;margin-top:0}.meta{color:var(--muted);font-size:.92rem}.btn,button,input,textarea,select{font:inherit}.btn{border:1px solid var(--line);color:var(--text);cursor:pointer;background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:700;transition:all .16s;display:inline-flex}.btn.is-loading{pointer-events:none;opacity:.72}.btn.is-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:999px;width:12px;height:12px;animation:.8s linear infinite spin}.btn:hover{border-color:#1aa9ff73;transform:translateY(-1px);box-shadow:0 10px 20px #1aa9ff29}.btn.primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#093446;border-color:#0000}.btn.danger{color:#ad1f33;border-color:#ff5e7347}form{gap:14px;display:grid}label{gap:6px;font-size:.95rem;font-weight:600;display:grid}input,textarea,select{width:100%;color:var(--text);border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px 12px;transition:border-color .12s,box-shadow .12s}input[type=file]{cursor:pointer;background:#f6f9ff;border-style:dashed}input:focus,textarea:focus,select:focus{border-color:#1aa9ff94;outline:none;box-shadow:0 0 0 4px #1aa9ff1f}input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent);margin-right:8px}.checkbox-label{align-items:flex-start;gap:10px;font-weight:600;line-height:1.4;display:flex}.checkbox-label input[type=checkbox]{appearance:none;background:#fff;border:2px solid #1e5c9659;border-radius:6px;flex:none;width:22px;height:22px;margin-top:2px;transition:border-color .12s,box-shadow .12s,background .12s;position:relative;box-shadow:inset 0 0 0 1px #ffffffe6}.checkbox-label span{flex:auto}.checkbox-label input[type=checkbox]:after{content:"";background:linear-gradient(135deg,var(--accent),var(--accent-2));opacity:0;border-radius:4px;transition:opacity .12s,transform .12s;position:absolute;inset:0;transform:scale(.6)}.checkbox-label input[type=checkbox]:checked{border-color:#0000}.checkbox-label input[type=checkbox]:checked:after{opacity:1;transform:scale(1)}.checkbox-label input[type=checkbox]:focus-visible{outline:none;box-shadow:0 0 0 4px #1aa9ff2e}.checkbox-label input[type=checkbox]:checked:before{content:"";z-index:1;border:2px solid #0b2f3f;border-width:0 2px 2px 0;width:6px;height:11px;position:absolute;top:3px;left:7px;transform:rotate(45deg)}textarea{resize:vertical;min-height:110px}.badge{color:#28739c;background:#1aa9ff14;border:1px solid #1aa9ff40;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.stack{gap:8px;display:grid}.split{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.split>*{min-width:0}.admin-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.admin-actions .btn{white-space:nowrap}.notice{border-left:3px solid var(--accent);color:#3b5f85;padding-left:10px}.alert-banner{color:#7f1d2f;background:linear-gradient(130deg,#ff5e7324,#ffa0781f);border:1px solid #ff5e7359;border-radius:14px;padding:12px 14px;font-weight:700}.alert-banner-login{color:#0f365f;background:linear-gradient(130deg,#1aa9ff2e,#35d7a024);border-color:#1aa9ff61}.alert-strong{background:linear-gradient(130deg,#1aa9ff2e,#35d7a01f);border:1px solid #1aa9ff57;border-radius:14px;padding:14px}.alert-strong h2{margin:0;font-size:1.2rem}.submit-feedback{border:1px solid var(--line);background:#fffffff0;border-radius:14px;gap:4px;padding:12px 14px;display:grid}.submit-feedback strong{font-size:1rem}.submit-feedback p{margin:0}.submit-feedback-pending{color:#0f365f;background:linear-gradient(130deg,#1aa9ff33,#35d7a024);border-color:#1aa9ff61}.submit-feedback-success{color:#11553b;background:linear-gradient(130deg,#19be8433,#35d7a029);border-color:#19be846b}.submit-feedback-error{color:#7f1d2f;background:linear-gradient(130deg,#ff5e7333,#ffa07829);border-color:#ff5e7366}.table{border-collapse:collapse;table-layout:fixed;background:#fff;border-radius:14px;width:100%;overflow:hidden}.table th,.table td{text-align:left;vertical-align:top;overflow-wrap:anywhere;word-break:break-word;border-bottom:1px solid #244a8017;padding:11px}.table thead th{letter-spacing:.02em;color:#3f5879;background:#e9f3ffb8;font-size:.86rem}.ranking-table td{white-space:normal}.member-detail-page{gap:14px}.member-hero{border-radius:calc(var(--radius) + 5px);box-shadow:var(--shadow);background:radial-gradient(circle at 90% 20%,#35d7a02e,#0000 38%),linear-gradient(140deg,#1aa9ff2e,#ffffffeb);border:1px solid #1aa9ff47;padding:20px}.member-hero-top{justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;display:flex}.member-back-btn{padding:8px 12px}.member-hero-main{align-items:center;gap:16px;display:flex}.member-title{margin:0;font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1.1}.member-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.member-stat-card{gap:2px;display:grid}.member-stat-value{letter-spacing:.01em;margin:0;font-size:clamp(1.22rem,2.8vw,1.8rem);font-weight:800}.member-works-section{gap:12px}.member-work-card{border:1px solid var(--line);background:#fffc;border-radius:14px;gap:10px;padding:12px;display:grid}.member-work-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.members-grid{gap:16px}.member-card{gap:12px;min-height:160px;transition:transform .16s,box-shadow .16s,border-color .16s}.member-card:hover{border-color:#1aa9ff61;transform:translateY(-3px);box-shadow:0 18px 36px #24467b2e}.member-card-head{grid-template-columns:auto 1fr;align-items:center;gap:12px;display:grid}.member-card-title{letter-spacing:.01em;margin:0;font-size:1.05rem}.member-card-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.member-work-frame{aspect-ratio:16/9;border:0;border-radius:12px;width:100%}img,video,iframe{max-width:100%}.platform-youtube{color:#b11d1d;background:#ff55551f;border-color:#ff555559}.platform-tiktok{color:#1f2e4f;background:#2d3b5d1a;border-color:#2d3b5d47}.platform-instagram{color:#9a3d24;background:#f86c421f;border-color:#f86c4259}.kbd{border:1px solid var(--line);background:#e9f3ffbf;border-radius:8px;padding:2px 7px;font-size:.84rem;display:inline-block}@media (max-width:980px){.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.site-header-inner{justify-content:center;align-items:center;padding:6px 0}.site-header .brand{padding:0}.account-fab{min-width:42px;height:34px;padding:0 8px;font-size:.72rem;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.site-nav{z-index:90;-webkit-backdrop-filter:blur(22px)saturate(1.4);backdrop-filter:blur(22px)saturate(1.4);padding:6px 10px calc(env(safe-area-inset-bottom) + 4px);isolation:isolate;background:#ffffff0a;border-top:1px solid #ffffff24;flex-wrap:nowrap;justify-content:space-between;gap:6px;margin:0;transition:background .22s,box-shadow .22s,border-color .22s;display:flex;position:fixed;bottom:0;left:0;right:0;overflow:hidden;box-shadow:0 -14px 26px #0a121e24}.site-nav.nav-elevated{background:#ffffff12;border-top-color:#ffffff38;box-shadow:0 -18px 30px #0a121e29}.site-nav:before{content:"";-webkit-backdrop-filter:blur(30px)saturate(1.8);backdrop-filter:blur(30px)saturate(1.8);opacity:.5;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 15% 120%,#ffffff4d,#fff0 58%),radial-gradient(circle at 85% -30%,#ffffff2e,#fff0 55%);position:absolute;inset:-20px;transform:scale(1.08)}.site-header .site-nav{display:none}.mobile-bottom-nav{display:flex}.site-nav .nav-link,.site-nav .btn{text-align:center;border-radius:10px;flex:1 1 0;justify-content:center;min-width:0;min-height:42px;padding:9px 6px;font-size:.76rem}.site-nav .nav-link{color:#0a0a0a;background:#ffffff08;border-color:#0000}.site-nav .nav-link.active,.site-nav .nav-link:hover{color:#0a0a0a;background:#ffffff1f;border-color:#ffffff38}.site-nav .nav-icon{justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.site-nav .nav-icon img{object-fit:contain;filter:grayscale()brightness(0);width:22px;height:22px}.site-nav .nav-icon svg{fill:currentColor;stroke:currentColor;stroke-width:0;flex:none;width:22px;height:22px;display:block}.site-nav .nav-icon-account svg{fill:none;stroke:currentColor;stroke-width:1.9px;width:24px;height:24px}.site-nav .nav-text{display:none}.site-nav .nav-logout{min-width:92px}.admin-nav{-webkit-overflow-scrolling:touch;scroll-snap-type:x proximity;flex-wrap:nowrap;gap:6px;padding:6px 8px;overflow-x:auto}.admin-nav .nav-link{scroll-snap-align:start;flex:none}main{padding-top:16px;padding-bottom:120px}.brand-logo{width:130px}.site-footer{padding:12px 0 calc(env(safe-area-inset-bottom) + 78px)}.site-footer-inner{text-align:center;flex-direction:column;justify-content:center;gap:6px}.footer-logo{width:132px}.table th,.table td{padding:8px;font-size:.86rem}.hero{padding:18px}.card{padding:14px}.split{gap:8px}.btn{min-height:40px}.table{-webkit-overflow-scrolling:touch;white-space:nowrap;border-radius:12px;width:100%;max-width:100%;display:block;overflow-x:auto}.table thead,.table tbody{white-space:nowrap}.ranking-table{white-space:normal;background:0 0;border-radius:0;display:block;overflow:visible}.ranking-table thead{display:none}.ranking-table tbody{gap:10px;display:grid}.ranking-table tbody tr{border:1px solid var(--line);background:linear-gradient(180deg,var(--panel-strong),var(--panel));box-shadow:var(--shadow);border-radius:12px;gap:6px;padding:12px;display:grid}.ranking-table td{white-space:normal;border:0;gap:10px;padding:0;display:flex}.ranking-table td:before{content:attr(data-label);color:#3f5879;letter-spacing:.02em;flex:0 0 4.6em;font-size:.8rem;font-weight:700}.home-members-grid,.grid-3{grid-template-columns:1fr}.home-actions{justify-content:space-between;width:100%}.home-actions .btn{text-align:center;flex:1 1 0}.member-hero{padding:14px}.member-hero-main{align-items:flex-start}.member-stats-grid{grid-template-columns:1fr}.member-work-head{align-items:stretch}.member-card{min-height:0}.member-card-head{grid-template-columns:1fr}.admin-actions{flex-direction:column;justify-content:flex-start;align-items:stretch;width:100%}.admin-actions .btn{width:100%}.admin-row{align-items:stretch}.admin-row>.btn{width:100%}}