:root{--portal-bg: #0f1115;--portal-card: #1c2028;--portal-text: #e2e8f0;--portal-sub: #94a3b8;--portal-accent: #3b82f6;--portal-danger: #f87171;--portal-border: rgba(255, 255, 255, .08)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{background:radial-gradient(1000px 500px at 10% -20%,rgba(59,130,246,.2),transparent 60%),radial-gradient(800px 400px at 90% -20%,rgba(129,140,248,.2),transparent 55%),var(--portal-bg);color:var(--portal-text);font-family:Inter,Noto Sans JP,sans-serif;margin:0;padding:0;overflow-y:auto;min-height:100vh}body[data-theme=light]{--portal-bg: #f3f6fb;--portal-card: #ffffff;--portal-text: #172033;--portal-sub: #627086;--portal-accent: #2563eb;--portal-border: rgba(15, 23, 42, .08);background:radial-gradient(1000px 500px at 10% -20%,rgba(59,130,246,.12),transparent 60%),radial-gradient(800px 400px at 90% -20%,rgba(129,140,248,.1),transparent 55%),var(--portal-bg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#portal-header{position:sticky;top:0;z-index:1000;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 24px;background:#0f1115d9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--portal-border)}body[data-theme=light] #portal-header{background:#ffffffe6}.portal-header-left{display:flex;align-items:center;gap:12px;min-width:0}.portal-brand-stack{display:flex;flex-direction:column;align-items:flex-start;gap:6px}.header-icon-btn,.header-pill-btn{border:1px solid var(--portal-border);background:#ffffff0d;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .15s ease}.header-icon-btn:hover,.header-pill-btn:hover{background:#ffffff1a;border-color:#ffffff2e}.header-icon-btn{width:44px;height:44px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;padding:0}.header-icon-btn .material-icons{font-size:22px}.header-pill-btn{min-height:44px;border-radius:999px;padding:0 16px;display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:700;white-space:nowrap}.header-pill-btn .material-icons{font-size:20px}.logo-group{display:flex;align-items:center;gap:12px;flex-shrink:0}.logo-area{display:flex;align-items:baseline;gap:8px;text-decoration:none;color:#fff}.lang-switcher{display:flex;align-items:center;gap:2px;background:#ffffff0f;border-radius:8px;padding:2px}.lang-btn{padding:3px 9px;border-radius:6px;border:none;background:transparent;color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;cursor:pointer;transition:background .15s,color .15s}.lang-btn:hover{color:#e2e8f0}.lang-btn.active{background:#6378ff40;color:#a5b4fc}#lang-switcher-brand{margin-left:0;flex-shrink:0}.logo-text{font-family:Outfit,sans-serif;font-size:26px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#60a5fa,#818cf8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.logo-subtext{font-family:Inter,sans-serif;font-size:13px;font-weight:600;color:#94a3b8;letter-spacing:.5px;margin-left:2px}.search-container{flex:1;max-width:500px;margin:0 32px;position:relative}.search-input{width:100%;height:44px;border-radius:22px;border:1px solid rgba(255,255,255,.15);background:#ffffff0d;padding:0 44px 0 20px;color:#fff;font-size:15px;font-family:inherit;transition:all .2s ease}.search-input:focus{outline:none;border-color:var(--portal-accent);background:#ffffff1a}body[data-theme=light] .search-input{border-color:#0f172a1a;background:#ffffffeb;color:#172033}body[data-theme=light] .search-input:focus{background:#fff}.search-icon{position:absolute;right:16px;top:50%;transform:translateY(-50%);color:var(--portal-sub);pointer-events:none;font-size:20px}.header-actions{display:flex;align-items:center;gap:16px}.create-menu-wrap{position:relative}.header-popover{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;border-radius:16px;border:1px solid var(--portal-border);background:#1c2028f5;box-shadow:0 20px 60px #00000073;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:8px;opacity:0;pointer-events:none;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;z-index:1100}body[data-theme=light] .header-popover,body[data-theme=light] #library-drawer,body[data-theme=light] .auth-panel{background:#fffffff5;border-color:#0f172a14;box-shadow:0 20px 60px #0f172a29}.header-popover.open{opacity:1;pointer-events:auto;transform:translateY(0)}.popover-link{display:flex;align-items:center;width:100%;min-height:42px;padding:10px 12px;border-radius:12px;color:#fff;text-decoration:none;font-size:14px;font-weight:600}body[data-theme=light] .popover-link,body[data-theme=light] .drawer-link{color:#172033}.popover-link:hover{background:#ffffff14}body[data-theme=light] .popover-link:hover,body[data-theme=light] .drawer-link:hover,body[data-theme=light] .drawer-link.is-active{background:#2563eb14;border-color:#2563eb14}#portal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:1040}#library-drawer{position:fixed;top:0;left:0;width:min(360px,86vw);height:100vh;padding:18px;background:#1c2028fa;border-right:1px solid var(--portal-border);box-shadow:20px 0 60px #00000073;transform:translate(-100%);transition:transform .22s ease;z-index:1050;display:flex;flex-direction:column;gap:18px}#library-drawer.open{transform:translate(0)}.drawer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.drawer-kicker{color:var(--portal-sub);font-size:11px;font-weight:700;letter-spacing:.08em;margin-bottom:4px;text-transform:uppercase}.drawer-nav{display:flex;flex-direction:column;gap:8px}.drawer-link{width:100%;min-height:48px;display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid transparent;background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer}.drawer-link:hover,.drawer-link.is-active{background:#ffffff14;border-color:#ffffff14}.drawer-link .material-icons{font-size:21px;color:var(--portal-sub)}body[data-theme=light] .drawer-head strong,body[data-theme=light] .library-title,body[data-theme=light] .section-title,body[data-theme=light] .card-title,body[data-theme=light] .portal-empty-title{color:#172033}.studio-room-links{display:flex;align-items:center;gap:8px;padding:4px;border:1px solid var(--portal-border);border-radius:999px;background:#ffffff0a}.studio-room-link{text-decoration:none;color:var(--portal-sub);font-size:13px;font-weight:700;padding:8px 12px;border-radius:999px;transition:background .15s ease,color .15s ease;white-space:nowrap}.studio-room-link:hover{color:#fff;background:#ffffff14}.btn-studio{background:var(--portal-accent);color:#fff;text-decoration:none;padding:10px 20px;border-radius:8px;font-weight:600;font-size:14px;transition:background .2s;display:flex;align-items:center;gap:8px;border:none;cursor:pointer;white-space:nowrap}.btn-studio:hover{background:#2563eb}.btn-studio .material-icons{font-size:18px}main{padding:40px 24px;max-width:1400px;margin:0 auto}.library-hero{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px;padding:28px;border-radius:24px;border:1px solid var(--portal-border);background:radial-gradient(700px 320px at 0% 0%,rgba(59,130,246,.18),transparent 55%),radial-gradient(560px 280px at 100% 0%,rgba(129,140,248,.14),transparent 55%),#ffffff08}body[data-theme=light] .library-hero,body[data-theme=light] .portal-feedback-box,body[data-theme=light] .portal-empty{background:radial-gradient(700px 320px at 0% 0%,rgba(59,130,246,.08),transparent 55%),radial-gradient(560px 280px at 100% 0%,rgba(129,140,248,.06),transparent 55%),#ffffffeb;border-color:#0f172a14}.library-hero-copy{max-width:760px}.library-eyebrow{margin:0 0 10px;color:#a5b4fc;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.library-title{margin:0;font-size:clamp(34px,5vw,54px);line-height:1.02;letter-spacing:-.04em;font-weight:900;color:#fff}.library-desc{margin:14px 0 0;color:var(--portal-sub);font-size:16px;line-height:1.7;max-width:640px}.library-hero-actions{display:flex;align-items:center;justify-content:flex-end;flex-shrink:0}.section-title{font-size:24px;font-weight:700;margin-bottom:8px;color:#fff}.feed-status{color:var(--portal-sub);margin:0 0 18px;min-height:20px}.portal-feedback{margin-bottom:18px}.portal-feedback:empty{display:none}.portal-feedback-box{border:1px solid var(--portal-border);border-radius:12px;padding:14px 16px;background:#ffffff08}.portal-feedback.is-error .portal-feedback-box{border-color:#f8717166;background:#f8717114}.portal-feedback-title{margin:0;font-weight:700}.portal-feedback-desc{margin:6px 0 0;color:var(--portal-sub);font-size:14px}.portal-retry-btn{margin-top:10px;border:1px solid rgba(255,255,255,.2);background:#ffffff14;color:#fff;border-radius:8px;padding:8px 12px;cursor:pointer}body[data-theme=light] .portal-retry-btn{border-color:#0f172a1f;background:#0f172a0a;color:#172033}.portal-retry-btn:hover{background:#ffffff24}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px 20px}.project-card{display:flex;flex-direction:column;text-decoration:none;color:inherit;cursor:pointer;transition:transform .2s ease,opacity .2s ease}.project-card:hover{transform:translateY(-4px)}.project-card.is-disabled{cursor:not-allowed;opacity:.72}.card-thumb-container{width:100%;aspect-ratio:9/16;margin-bottom:12px;border-radius:12px;overflow:hidden;background:#2a2f3a;position:relative;box-shadow:0 8px 24px #0000004d;border:1px solid rgba(255,255,255,.05)}body[data-theme=light] .card-thumb-container{background:#dbe5f2;border-color:#0f172a0f;box-shadow:0 8px 24px #0f172a1f}.card-thumb{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .card-thumb{transform:scale(1.05)}.card-badge{position:absolute;right:10px;top:10px;background:#f87171e6;color:#fff;font-size:11px;font-weight:700;border-radius:999px;padding:4px 8px}.card-info{display:flex;flex-direction:column;gap:4px}.card-title{font-size:16px;font-weight:600;color:#fff;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-author{font-size:14px;color:var(--portal-sub)}.card-meta{font-size:12px;color:#64748b;margin-top:2px}.card-skeleton .card-thumb-container,.card-skeleton-line{position:relative;overflow:hidden;background:#ffffff14}.card-skeleton-line{height:12px;border-radius:999px}.card-skeleton-line.w-80{width:80%}.card-skeleton-line.w-50{width:50%}.card-skeleton-line.w-30{width:30%}.card-skeleton .card-thumb-container:after,.card-skeleton-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.2) 50%,transparent 80%);animation:portal-shimmer 1.3s infinite}@keyframes portal-shimmer{to{transform:translate(100%)}}.portal-empty{grid-column:1 / -1;text-align:center;padding:44px 18px;border-radius:16px;border:1px dashed var(--portal-border);background:#ffffff08}.portal-empty-icon{margin:0;font-size:34px}.portal-empty-title{margin:8px 0 0;font-size:22px}.portal-empty-desc{color:var(--portal-sub);margin:10px auto 0;max-width:480px;line-height:1.6}.btn-empty-action{display:inline-flex;align-items:center;justify-content:center;margin-top:16px;padding:10px 14px;border-radius:10px;text-decoration:none;color:#fff;background:var(--portal-accent);font-weight:700}.btn-empty-action:hover{background:#2563eb}@media (max-width: 768px){#portal-header{flex-wrap:wrap;padding:10px 14px 12px;gap:10px}.logo-subtext{display:none}.search-container{margin:0;order:3;width:100%;max-width:100%}.search-input{height:40px;font-size:14px}.btn-studio{padding:8px 12px;font-size:13px;border-radius:10px}main{padding:24px 14px 32px}.portal-header-left{gap:10px}.portal-brand-stack{gap:4px}.header-actions{gap:10px}.header-pill-btn{min-height:40px;padding:0 12px;font-size:13px}.header-icon-btn{width:40px;height:40px;border-radius:12px}#lang-switcher-brand .lang-btn{padding:2px 8px;font-size:10px}.library-hero{flex-direction:column;align-items:stretch;padding:18px;gap:18px;margin-bottom:24px}.library-title{font-size:30px}.library-desc{font-size:14px;margin-top:10px}.library-hero-actions{justify-content:flex-start}.section-title{font-size:21px}.project-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px 10px}.card-title{font-size:14px}.card-author{font-size:13px}.card-meta{font-size:11px}#library-drawer{width:min(320px,88vw);padding:14px}.header-popover{min-width:200px}}#auth-area,.signin-area{display:flex;align-items:center;position:relative}#gis-btn-portal:not(:empty)~#btn-signin-fallback{display:none}#gis-btn-portal:empty{display:none}.btn-signin-fallback{display:flex;align-items:center;gap:8px;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:1px solid #dadce0;background:#fff;color:#3c4043;white-space:nowrap;transition:background .15s,box-shadow .15s;font-family:Google Sans,Roboto,sans-serif}.btn-signin-fallback:hover{background:#f8f9fa;box-shadow:0 1px 3px #00000026}.btn-signin-fallback:active{background:#f1f3f4}@media (max-width: 768px){.btn-signin-fallback{padding:8px 12px;font-size:13px}}.btn-signin{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid #3d5afe;background:transparent;color:#7c9cff;transition:background .15s;white-space:nowrap}.btn-signin .material-icons{font-size:18px}.btn-signin:hover{background:#6378ff1f}body[data-theme=light] .header-icon-btn,body[data-theme=light] .header-pill-btn{background:#0f172a08;color:#172033;border-color:#0f172a14}body[data-theme=light] .btn-signin{color:#2563eb;border-color:#2563eb3d;background:#2563eb0d}.auth-user{position:relative}.auth-avatar-btn{width:32px;height:32px;border-radius:50%;overflow:hidden;cursor:pointer;border:none;padding:0;background:#334155;display:flex;align-items:center;justify-content:center;flex-shrink:0}.auth-avatar-btn img{width:32px;height:32px;object-fit:cover;border-radius:50%;display:block}.auth-avatar-btn .auth-initials{font-size:13px;font-weight:700;color:#fff;line-height:1}.auth-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:#1e293b;border:1px solid #334155;border-radius:10px;padding:8px 0;min-width:180px;box-shadow:0 8px 24px #0006;z-index:200;display:none}.auth-dropdown.open{display:block}.auth-panel{min-width:280px;padding:10px;border-radius:18px;border-color:var(--portal-border);background:#1c2028fa;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-dropdown-name{padding:8px 10px 12px;font-size:13px;font-weight:700;color:#94a3b8;border-bottom:1px solid var(--portal-border);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-panel-section{padding:10px 0 0}.auth-panel-label{color:var(--portal-sub);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.theme-mode-switcher{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.theme-mode-btn{min-height:38px;border-radius:11px;border:1px solid var(--portal-border);background:#ffffff08;color:#e2e8f0;cursor:pointer;font:inherit;font-size:12px;font-weight:700;transition:background .15s ease,border-color .15s ease,color .15s ease}.theme-mode-btn:hover{background:#ffffff14}.theme-mode-btn.active{background:#3b82f62e;border-color:#3b82f647;color:#dbeafe}.auth-panel-links{display:flex;flex-direction:column;gap:4px;padding-top:10px}.auth-panel-link{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;border:1px solid transparent;background:transparent;color:#e2e8f0;cursor:pointer;font:inherit;text-align:left}.auth-panel-link:hover{background:#ffffff0f;border-color:#ffffff0f}.auth-panel-link .material-icons{font-size:19px;color:var(--portal-sub)}body[data-theme=light] .auth-dropdown-name,body[data-theme=light] .auth-panel-link,body[data-theme=light] .btn-signout{color:#172033}body[data-theme=light] .auth-panel-link:hover{background:#0f172a0a;border-color:#0f172a0d}body[data-theme=light] .theme-mode-btn{background:#0f172a08;color:#334155;border-color:#0f172a14}body[data-theme=light] .theme-mode-btn:hover{background:#0f172a0f}body[data-theme=light] .theme-mode-btn.active{background:#2563eb1f;border-color:#2563eb33;color:#1d4ed8}.btn-signout{display:block;width:100%;margin-top:10px;padding:11px 12px;text-align:left;font-size:13px;font-weight:700;color:#fff;background:#3b82f629;border:1px solid rgba(59,130,246,.25);border-radius:12px;cursor:pointer;transition:background .15s}.btn-signout:hover{background:#3b82f638}body[data-theme=light] .btn-signout{background:#2563eb14;border-color:#2563eb29}@media (max-width: 768px){.auth-panel{min-width:min(300px,calc(100vw - 24px));right:-6px}.auth-panel-links{gap:2px}}#my-projects-section{margin-bottom:40px}#my-projects-section.hidden{display:none}.my-project-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;background:var(--surface, #fff);box-shadow:0 2px 8px #00000012;text-decoration:none;color:inherit;transition:transform .18s,box-shadow .18s}.my-project-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px #0000001f}.my-projects-loading,.my-projects-empty{grid-column:1 / -1;text-align:center;color:var(--text-secondary, #64748b);font-size:14px;padding:24px 0}.visi-badge{position:absolute;bottom:6px;right:6px;font-size:10px;font-weight:700;padding:2px 7px;border-radius:6px;pointer-events:none}.visi-badge.is-public{background:#22c55e;color:#fff}.visi-badge.is-private{background:#00000073;color:#fff}