:root{--bg:#f6f6f1;--surface:#fff;--surface-soft:#eeeee8;--ink:#171817;--muted:#6d706b;--line:#dedfd8;--line-strong:#c9cbc2;--accent:#6656e8;--accent-strong:#4c3bd1;--accent-soft:#ece9ff;--green:#1f7a4f;--green-soft:#dff4e8;--orange:#a84e1d;--orange-soft:#ffeadc;--danger:#bd3d3d;--shadow-sm:0 1px 2px #1415120a, 0 8px 24px #1415120d;--shadow-lg:0 24px 70px #1415122e;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}img{display:block}.portfolio-site{min-height:100vh;overflow:hidden}.topbar{z-index:40;background:color-mix(in srgb, var(--bg) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid #caccc3b3;grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr);align-items:center;width:min(1440px,100% - 40px);height:80px;margin:0 auto;display:grid;position:sticky;top:0}.brand{color:var(--ink);align-items:center;gap:12px;width:fit-content;text-decoration:none;display:inline-flex}.brand-mark{background:var(--ink);color:#fff;letter-spacing:-.04em;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:800;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 -2px #ffffff24}.brand-mark b{z-index:1;position:relative}.brand-mark i{background:linear-gradient(90deg,#8d81ff,#ff85ba);border-radius:999px;width:22px;height:5px;position:absolute;bottom:8px;right:4px;transform:rotate(-34deg)}.brand>span:last-child{gap:1px;display:grid}.brand b{letter-spacing:-.025em;font-size:15px}.brand small{color:var(--muted);font-size:11px}.desktop-nav{border:1px solid var(--line);background:#ffffffa8;border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.desktop-nav button{color:var(--muted);cursor:pointer;transition:color .16s ease, background-color .16s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:999px;padding:9px 16px;font-size:13px;font-weight:650;position:relative}.desktop-nav button:hover,.desktop-nav button.is-active{color:var(--ink);background:#fff;box-shadow:0 1px 3px #14151214}.desktop-nav button:active{transform:scale(.97)}.topbar-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.language-picker{position:relative}.language-trigger{border:1px solid var(--line);cursor:pointer;height:42px;transition:border-color .16s ease, background-color .16s ease, transform .14s var(--ease-out), box-shadow .16s ease;background:#ffffffd6;border-radius:14px;align-items:center;gap:7px;padding:0 10px;display:inline-flex;box-shadow:0 1px 2px #1415120a}.language-trigger:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm);background:#fff}.language-trigger:active{transform:scale(.97)}.language-globe{width:16px;height:16px;color:var(--muted);place-items:center;font-size:14px;line-height:1;display:grid}.language-trigger b{letter-spacing:.04em;font-size:11px}.language-chevron{color:var(--muted);transition:transform .16s var(--ease-out);font-size:13px;line-height:1}.language-picker.is-open .language-chevron{transform:rotate(180deg)}.language-menu{z-index:70;border:1px solid var(--line);min-width:120px;box-shadow:var(--shadow-lg);transform-origin:100% 0;animation:popover-in .17s var(--ease-out) both;background:#fff;border-radius:14px;gap:3px;padding:5px;display:grid;position:absolute;top:calc(100% + 8px);right:0}.language-menu button{height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;padding:0 9px;font-size:11px;font-weight:800;display:flex}.language-menu button:hover,.language-menu button.is-active{background:var(--surface-soft);color:var(--ink)}.language-menu button span{color:var(--accent);font-size:13px}.profile-button{cursor:pointer;height:42px;transition:background-color .16s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:13px;align-items:center;gap:8px;padding:0 8px 0 5px;font-size:13px;font-weight:700;display:inline-flex}.profile-button:hover{background:var(--surface-soft)}.profile-button:active{transform:scale(.97)}.profile-avatar{color:#fff;text-transform:uppercase;background:linear-gradient(135deg,#6e5eea,#ff7b8f);border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:grid;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.topbar-publish{height:42px;padding-inline:16px!important}.mobile-nav-toggle{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:12px;width:42px;height:42px;display:none}.mobile-nav-toggle span{background:var(--ink);width:17px;height:1px;transition:transform .18s var(--ease-out);margin:4px auto;display:block}.mobile-nav{display:none}.primary-button,.secondary-button,.dark-button,.danger-button{cursor:pointer;min-height:46px;transition:background-color .17s ease, border-color .17s ease, color .17s ease, transform .14s var(--ease-out), box-shadow .17s ease;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:0 19px;font-size:13px;font-weight:750;line-height:1;text-decoration:none;display:inline-flex}.primary-button{border:1px solid var(--accent);background:var(--accent);color:#fff;box-shadow:0 8px 20px #6656e82e}.primary-button:hover{border-color:var(--accent-strong);background:var(--accent-strong);box-shadow:0 10px 26px #6656e83d}.secondary-button{border:1px solid var(--line-strong);color:var(--ink);background:#ffffffb8}.secondary-button:hover{border-color:var(--ink);background:#fff}.dark-button{border:1px solid var(--ink);background:var(--ink);color:#fff}.dark-button:hover{background:#30322f}.danger-button{color:var(--danger);background:#fff0f0;border:1px solid #efc4c4}.danger-button:hover{border-color:var(--danger)}.primary-button:active,.secondary-button:active,.dark-button:active,.danger-button:active{transform:scale(.97)}.portfolio-hero{border:1px solid var(--line);width:min(1440px,100% - 40px);min-height:580px;box-shadow:var(--shadow-sm);background:radial-gradient(circle at 15% 5%,#caf7ddd9,#0000 37%),radial-gradient(circle at 82% 85%,#d9d3fff2,#0000 41%),#ecece5;border-radius:38px;grid-template-columns:minmax(0,1fr);align-items:center;margin:20px auto 0;padding:clamp(48px,7vw,96px);display:grid}.hero-copy{max-width:900px}.section-kicker,.eyebrow{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin:0 0 18px;font-size:11px;font-weight:800}.section-kicker{align-items:center;gap:9px;display:flex}.section-kicker>span{background:var(--accent);border-radius:999px;width:22px;height:2px}.hero-copy h1{letter-spacing:-.066em;max-width:790px;margin:0;font-size:clamp(48px,5.9vw,88px);font-weight:760;line-height:.96}.hero-word{transform-origin:0;display:inline-block}.hero-word--great{cursor:default;transition:transform .18s var(--ease-out), color .18s ease, filter .18s ease}.hero-word--great:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:7px}@media (hover:hover) and (pointer:fine){.hero-word--great:hover{color:#0000;background:linear-gradient(105deg, var(--ink) 8%, var(--ink) 36%, #6d5be8 52%, #f08bb8 66%, var(--ink) 88%);filter:drop-shadow(0 8px 14px #6656e824);animation:hero-word-shimmer .9s var(--ease-in-out) both;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;transform:scale(1.065)}}:is(.hero-word--great:focus-visible,.hero-word--great:active){color:#0000;background:linear-gradient(105deg, var(--ink) 8%, var(--ink) 36%, #6d5be8 52%, #f08bb8 66%, var(--ink) 88%);animation:hero-word-shimmer .9s var(--ease-in-out) both;background-size:240% 100%;-webkit-background-clip:text;background-clip:text;transform:scale(1.04)}.hero-body{color:#565a54;max-width:620px;margin:28px 0 0;font-size:clamp(16px,1.35vw,20px);line-height:1.58}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:34px;display:flex}.hero-metrics{gap:38px;margin-top:54px;display:flex}.hero-metrics span{gap:4px;display:grid}.hero-metrics b{letter-spacing:-.04em;font-size:23px}.hero-metrics small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.hero-flow{background:#ffffffa6;border:1px solid #1718171f;border-radius:28px;min-width:0;padding:24px;box-shadow:0 22px 60px #352e631f}.hero-flow-head{border-bottom:1px solid #1718171a;justify-content:space-between;align-items:center;gap:16px;padding-bottom:18px;display:flex}.hero-flow-head .section-kicker{margin:0}.hero-flow-head>small{color:var(--muted);letter-spacing:.12em;font-size:9px;font-weight:800}.hero-flow-list{gap:10px;padding:18px 0;display:grid}.hero-flow-list article{transition:transform .18s var(--ease-out), border-color .18s ease, box-shadow .18s ease;background:#ffffffc7;border:1px solid #1718171a;border-radius:17px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:14px;padding:15px;display:grid}.hero-flow-list article:hover{border-color:#6656e859;transform:translate(4px);box-shadow:0 10px 24px #352e6314}.hero-flow-list article>b{background:var(--accent-soft);width:32px;height:32px;color:var(--accent-strong);border-radius:10px;place-items:center;font-size:10px;display:grid}.hero-flow-list article:nth-child(2)>b{background:var(--orange-soft);color:var(--orange)}.hero-flow-list article:nth-child(3)>b{background:var(--green-soft);color:var(--green)}.hero-flow-list article>div{gap:4px;min-width:0;display:grid}.hero-flow-list article strong{letter-spacing:-.02em;font-size:15px}.hero-flow-list article small{color:var(--muted);font-size:11px;line-height:1.45}.hero-flow-list article>i{color:var(--muted);font-size:18px;font-style:normal}.hero-flow-foot{color:var(--muted);grid-template-columns:auto 1fr 1fr 1fr auto;align-items:center;gap:7px;font-size:9px;font-weight:800;display:grid}.hero-flow-foot>span:not(.is-current){font-size:9px}.hero-flow-foot>span:not(:first-child):not(:last-child){background:#17181721;border-radius:99px;height:3px}.hero-flow-foot>span.is-current{background:var(--accent)}.hero-flow-foot small{color:var(--muted);grid-column:1/-1;margin-top:5px;font-size:10px;font-weight:600}.project-visual{aspect-ratio:4/3;background:#deded7;border-radius:20px;position:relative;overflow:hidden}.project-visual--large{aspect-ratio:16/11}.project-cover-image{object-fit:cover;width:100%;height:100%;transition:transform .45s var(--ease-out)}button:hover .project-cover-image{transform:scale(1.025)}.visual-label{color:#fff;text-overflow:ellipsis;white-space:nowrap;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#141513b8;border-radius:999px;max-width:calc(100% - 28px);padding:7px 10px;font-size:10px;font-weight:750;position:absolute;bottom:14px;left:14px;overflow:hidden}.project-cover-fallback{text-align:center;background:linear-gradient(135deg,#5f50d7,#d5d1ff);place-content:center;gap:8px;width:100%;height:100%;padding:24px;display:grid}.project-cover-fallback span{letter-spacing:.15em;font-size:11px}.project-cover-fallback b{letter-spacing:-.04em;font-size:25px}.project-visual--orange .project-cover-fallback{background:linear-gradient(135deg,#b35224,#ffd3b5)}.project-visual--blue .project-cover-fallback{background:linear-gradient(135deg,#1f67b8,#bce3ff)}.project-visual--green .project-cover-fallback{background:linear-gradient(135deg,#247455,#c9f2dd)}.project-visual--pink .project-cover-fallback{background:linear-gradient(135deg,#b74f85,#ffd0e7)}.creator-banner{z-index:4;border:1px solid var(--line);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff2;border-radius:24px;grid-template-columns:auto minmax(0,1fr) minmax(180px,260px) auto;align-items:center;gap:22px;width:min(1200px,100% - 40px);margin:-44px auto 0;padding:22px 24px;display:grid;position:relative;box-shadow:0 20px 60px #1415121a}.creator-banner.is-ready{background:linear-gradient(90deg,#f1fff6,#fff 58%)}.creator-banner-icon{background:var(--accent-soft);width:54px;height:54px;color:var(--accent-strong);border-radius:17px;place-items:center;font-size:14px;font-weight:800;display:grid}.creator-banner-icon .profile-avatar{border-radius:17px;width:54px;height:54px}.creator-banner-copy .section-kicker{margin-bottom:5px}.creator-banner-copy h2{letter-spacing:-.035em;margin:0;font-size:20px}.creator-banner-copy p:last-child{color:var(--muted);margin:5px 0 0;font-size:13px}.creator-progress{gap:7px;display:grid}.creator-progress>span{background:var(--surface-soft);border-radius:999px;height:6px;overflow:hidden}.creator-progress i{border-radius:inherit;background:linear-gradient(90deg, var(--accent), #e56fae);height:100%;display:block}.creator-progress small{color:var(--muted);text-align:right;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.discover-section,.categories-section,.feedback-section{width:min(1280px,100% - 40px);margin:0 auto;padding:120px 0 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:34px;display:flex}.section-heading h2,.how-copy h2{letter-spacing:-.055em;max-width:760px;margin:0;font-size:clamp(35px,4vw,56px);line-height:1.04}.section-heading>div>p:last-child,.how-copy>p:last-of-type{max-width:650px;color:var(--muted);margin:14px 0 0;font-size:15px;line-height:1.65}.section-heading .section-kicker{margin-bottom:12px}.explore-toolbar{grid-template-columns:minmax(280px,1fr) 220px auto;gap:10px;margin-bottom:22px;display:grid}.search-input{border:1px solid var(--line);background:#fff;border-radius:15px;align-items:center;gap:9px;min-width:0;height:50px;padding:0 15px;transition:border-color .16s,box-shadow .16s;display:flex}.search-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #6656e81c}.search-input span{color:var(--muted);font-size:20px;transform:rotate(-15deg)}.search-input input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:13px}.search-input input::placeholder{color:#989b95}.category-select,.status-tabs{border:1px solid var(--line);background:#fff;border-radius:15px;height:50px}.category-select{color:var(--ink);outline:0;padding:0 38px 0 14px;font-size:12px;font-weight:700}.status-tabs{align-items:center;padding:4px;display:flex}.status-tabs button{height:40px;color:var(--muted);cursor:pointer;transition:color .15s ease, background-color .15s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:11px;padding:0 13px;font-size:11px;font-weight:750}.status-tabs button:hover,.status-tabs button.is-active{color:var(--ink);background:var(--surface-soft)}.status-tabs button:active{transform:scale(.97)}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.portfolio-card{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow-sm);transition:transform .22s var(--ease-out), box-shadow .22s ease, border-color .18s ease;background:#fff;border-radius:25px;overflow:hidden}.portfolio-card:hover{border-color:var(--line-strong);transform:translateY(-5px);box-shadow:0 18px 42px #1415121a}.portfolio-card-main{cursor:pointer;text-align:left;background:0 0;border:0;width:100%;padding:10px 10px 0;display:block}.portfolio-card-body{padding:18px 10px 17px}.card-meta{color:var(--muted);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;gap:12px;font-weight:700;display:flex;margin:0 0 9px!important;font-size:10px!important}.portfolio-card-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.portfolio-card-title h3{letter-spacing:-.04em;margin:0;font-size:22px;line-height:1.14}.portfolio-card-title>span{background:var(--surface-soft);border-radius:50%;flex:none;place-items:center;width:30px;height:30px;transition:background-color .16s,color .16s;display:grid}.portfolio-card:hover .portfolio-card-title>span{background:var(--ink);color:#fff}.portfolio-card-body>p:not(.card-meta){min-height:44px;color:var(--muted);margin:10px 0 15px;font-size:13px;line-height:1.55}.tag-row{flex-wrap:wrap;gap:6px;display:flex}.tag-row span{background:var(--surface-soft);color:#60635e;border-radius:999px;padding:6px 9px;font-size:10px;font-weight:700}.portfolio-card-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:10px 18px;display:flex}.card-author{color:#4f524d;text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:8px;min-width:0;font-size:11px;font-weight:700;display:flex;overflow:hidden}.card-author i{width:27px;height:27px;color:var(--accent-strong);text-transform:uppercase;background:#e8e5ff;border-radius:50%;flex:none;place-items:center;font-size:9px;font-style:normal;display:grid}.status-pill{text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:7px 9px;font-size:9px;font-weight:800;display:inline-flex}.status-pill--published{background:var(--green-soft);color:var(--green)}.status-pill--draft{background:var(--orange-soft);color:var(--orange)}.empty-library,.empty-detail{border:1px dashed var(--line-strong);color:var(--muted);text-align:center;border-radius:20px;padding:36px}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.category-card{cursor:pointer;text-align:left;min-height:260px;transition:transform .22s var(--ease-out), box-shadow .22s ease;background:#e8e5ff;border:0;border-radius:26px;padding:24px;position:relative;overflow:hidden}.category-card:hover{transform:translateY(-5px);box-shadow:0 18px 45px #28225921}.category-card:active{transform:translateY(-1px)scale(.985)}.category-card--orange{background:#f8dfcf}.category-card--blue{background:#d9eaf8}.category-number{color:#1718178c;letter-spacing:.12em;font-size:11px;font-weight:800}.category-arrow{background:#ffffffa6;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:20px;right:20px}.category-card h3{z-index:2;letter-spacing:-.05em;max-width:240px;margin:60px 0 7px;font-size:clamp(26px,2.7vw,37px);line-height:1;position:relative}.category-card p{z-index:2;color:#1718179e;margin:0;font-size:12px;position:relative}.category-art{border:1px solid #1718171c;border-radius:50%;width:180px;height:180px;position:absolute;bottom:-42px;right:-28px}.category-art i{border:1px solid #1718171c;border-radius:50%;position:absolute}.category-art i:first-child{inset:25px}.category-art i:nth-child(2){inset:50px}.category-art i:nth-child(3){background:#ffffffa6;inset:74px}.how-section{background:var(--ink);color:#fff;border-radius:36px;grid-template-columns:.8fr 1.2fr;gap:clamp(50px,8vw,120px);width:min(1440px,100% - 40px);margin:120px auto 0;padding:clamp(48px,7vw,96px);display:grid}.how-copy .section-kicker{color:#aeb1aa}.how-copy h2{color:#fff}.how-copy>p:last-of-type{color:#aeb1aa}.how-copy .primary-button{margin-top:28px}.how-steps{border-top:1px solid #ffffff26}.how-steps article{border-bottom:1px solid #ffffff26;grid-template-columns:60px 1fr;gap:24px;padding:28px 0;display:grid}.how-steps article>span{color:#8e85ed;letter-spacing:.1em;font-size:12px;font-weight:800}.how-steps h3{letter-spacing:-.04em;margin:0;font-size:24px}.how-steps p{color:#aeb1aa;max-width:520px;margin:8px 0 0;font-size:14px;line-height:1.55}.feedback-heading{align-items:center}.feedback-score{justify-items:end;gap:2px;min-width:130px;display:grid}.feedback-score b{letter-spacing:-.06em;font-size:40px;line-height:1}.feedback-score span,.feedback-stars{color:#ef8b3c;letter-spacing:.06em}.feedback-score small{color:var(--muted);letter-spacing:.14em;margin-top:3px;font-size:8px}.feedback-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.feedback-card{border:1px solid var(--line);cursor:pointer;text-align:left;min-height:230px;transition:transform .2s var(--ease-out), box-shadow .2s ease;background:#fff;border-radius:24px;flex-direction:column;padding:22px;display:flex;position:relative}.feedback-card:hover{transform:translateY(-4px);box-shadow:0 16px 38px #14151217}.feedback-card:active{transform:translateY(-1px)scale(.985)}.demo-label{background:var(--surface-soft);color:var(--muted);letter-spacing:.1em;border-radius:999px;padding:5px 7px;font-size:8px;font-weight:800;position:absolute;top:16px;right:16px}.feedback-card-top{grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding-right:40px;display:grid}.feedback-avatar,.question-avatar,.answer-avatar{width:34px;height:34px;color:var(--accent-strong);background:#e8e5ff;border-radius:50%;place-items:center;font-size:9px;font-weight:800;display:grid}.feedback-meta{gap:2px;min-width:0;display:grid}.feedback-meta b{font-size:12px}.feedback-meta small{color:var(--muted);font-size:9px}.feedback-stars{white-space:nowrap;font-size:10px}.feedback-stars i{color:#d4d5cf;font-style:normal}.feedback-card>p{color:#50534e;margin:24px 0;font-size:14px;line-height:1.6}.feedback-project{border-top:1px solid var(--line);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;gap:12px;margin-top:auto;padding-top:14px;font-size:10px;font-weight:800;display:flex}.site-footer{border-top:1px solid var(--line);grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;width:min(1280px,100% - 40px);margin:110px auto 0;padding:30px 0 48px;display:grid}.site-footer>div{gap:20px;display:flex}.site-footer button{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:650}.site-footer button:hover{color:var(--ink)}.site-footer>small{color:var(--muted);text-align:right;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.drawer-backdrop{z-index:80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1112108f;justify-content:flex-end;animation:.18s ease-out both backdrop-in;display:flex;position:fixed;inset:0}.project-drawer,.add-drawer,.profile-drawer{overscroll-behavior:contain;background:var(--surface);width:min(700px,100%);height:100%;box-shadow:var(--shadow-lg);animation:drawer-in .26s var(--ease-out) both;overflow-y:auto}.project-drawer{padding:18px}.project-drawer>.project-visual{border-radius:22px}.add-drawer{width:min(600px,100%);padding:28px clamp(22px,5vw,48px) 60px}.profile-drawer{width:min(520px,100%);padding:24px 32px 34px}.drawer-top{justify-content:space-between;align-items:center;gap:20px;min-height:46px;display:flex}.drawer-top .eyebrow{margin:0}.close-button{border:1px solid var(--line);cursor:pointer;width:38px;height:38px;transition:background-color .15s ease, transform .14s var(--ease-out);background:#fff;border-radius:12px;place-items:center;font-size:23px;line-height:1;display:grid}.close-button:hover{background:var(--surface-soft)}.close-button:active{transform:scale(.95)}.drawer-content{padding:26px 14px 40px}.drawer-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.drawer-title-row .eyebrow{margin-bottom:8px}.drawer-title-row h2,.add-drawer h2,.profile-drawer h2{letter-spacing:-.055em;margin:0;font-size:clamp(32px,5vw,50px);line-height:1}.drawer-owner{color:var(--muted);margin:9px 0 0;font-size:12px}.detail-tabs{border-bottom:1px solid var(--line);gap:4px;margin-top:28px;display:flex}.detail-tabs button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:13px 14px;font-size:12px;font-weight:750}.detail-tabs button:hover,.detail-tabs button.is-active{border-bottom-color:var(--accent);color:var(--ink)}.detail-panel{padding-top:28px}.detail-description{color:#4f524d;margin:0;font-size:17px;line-height:1.65}.detail-stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:26px 0;display:grid}.detail-stats span{background:var(--surface-soft);border-radius:16px;gap:5px;padding:18px;display:grid}.detail-stats b{letter-spacing:-.04em;font-size:24px}.detail-stats small{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:9px}.detail-panel h3{margin:28px 0 12px;font-size:14px}.feature-list{gap:8px;margin:0 0 20px;padding:0;list-style:none;display:grid}.feature-list li{border-bottom:1px solid var(--line);color:#4f524d;align-items:center;gap:9px;padding:10px 0;font-size:13px;display:flex}.feature-list li span{color:var(--green);font-weight:800}.detail-panel>.primary-button,.detail-panel>.secondary-button{margin-top:24px}.project-manage-actions{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;margin-top:28px;padding-top:20px;display:flex}.question-list{gap:14px;display:grid}.question-item{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr;gap:12px;padding-bottom:18px;display:grid}.question-meta{justify-content:space-between;align-items:center;gap:12px;display:flex}.question-meta b{font-size:12px}.question-meta small{color:var(--muted);font-size:9px}.question-copy>p,.question-answer p{color:#50534e;margin:7px 0 0;font-size:13px;line-height:1.55}.question-answer{background:var(--surface-soft);border-radius:14px;grid-template-columns:auto 1fr;gap:10px;margin-top:13px;padding:13px;display:grid}.answer-avatar{background:var(--ink);color:#fff}.question-form,.review-form,.board-form{background:var(--surface-soft);border-radius:18px;gap:10px;margin-top:24px;padding:14px;display:grid}.question-form{grid-template-columns:1fr auto}.question-form input,.review-form input,.board-form input,.board-form select{border:1px solid var(--line);background:#fff;border-radius:12px;outline:0;min-width:0;height:46px;padding:0 13px}.question-form input:focus,.review-form input:focus,.board-form input:focus,.board-form select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #6656e81a}.review-form{border:1px solid var(--line);background:#f8f8f4;gap:14px}.review-form-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.review-form-heading>div{gap:3px;display:grid}.review-form-heading b{font-size:12px}.review-form-heading small{max-width:360px;color:var(--muted);font-size:10px;font-weight:500}.review-form-heading>span{color:var(--accent-strong);background:#fff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:800}.review-form-row{grid-template-columns:164px minmax(0,1fr) auto;align-items:center;gap:8px;display:grid}.star-rating{border:1px solid var(--line);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:2px;height:46px;padding:0 8px;display:flex}.star-rating button{color:#d6d6cf;cursor:pointer;width:27px;height:34px;transition:color .13s ease, transform .13s var(--ease-out);background:0 0;border:0;padding:0;font-size:22px;line-height:1}.star-rating button.is-active{color:#f0a044}.star-rating button:hover{color:#e78c2f;transform:translateY(-1px)scale(1.08)}.star-rating button:active{transform:scale(.9)}.board-grid{grid-template-columns:repeat(3,minmax(150px,1fr));gap:8px;display:grid}.board-column{border:1px solid var(--line);background:#fafaf7;border-radius:16px;min-width:0;padding:10px}.board-column-heading{border-bottom:1px solid var(--line);color:var(--muted);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;gap:8px;padding:4px 2px 10px;font-size:9px;font-weight:800;display:flex}.board-items{gap:8px;padding-top:8px;display:grid}.board-item{border:1px solid var(--line);background:#fff;border-radius:12px;gap:7px;padding:11px;display:grid}.board-item b{font-size:11px}.board-item i{color:var(--muted);font-size:9px;font-style:normal;line-height:1.45}.board-item button{color:var(--accent-strong);cursor:pointer;text-align:left;background:0 0;border:0;padding:0;font-size:9px;font-weight:800}.board-column .empty-detail{border:0;padding:14px 3px;font-size:9px}.board-form{grid-template-columns:1fr 1fr 120px auto;align-items:end}.board-form>b{grid-column:1/-1;font-size:12px}.board-review{background:var(--accent-soft);border-radius:16px;grid-template-columns:auto 1fr;gap:12px;margin-top:18px;padding:16px;display:grid}.board-review-mark{background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.board-review b{font-size:11px}.board-review p{color:var(--muted);margin:5px 0 0;font-size:11px;line-height:1.5}.add-drawer>p{color:var(--muted);margin:13px 0 24px;font-size:14px;line-height:1.6}.add-drawer>label{color:#4f524d;text-transform:uppercase;letter-spacing:.08em;gap:7px;margin-top:15px;font-size:10px;font-weight:800;display:grid}.add-drawer input:not([type=file]),.add-drawer textarea,.add-drawer select,.profile-drawer input:not([type=file]),.profile-drawer textarea,.profile-drawer select{border:1px solid var(--line);width:100%;color:var(--ink);text-transform:none;letter-spacing:0;resize:vertical;background:#fafaf7;border-radius:13px;outline:0;padding:13px 14px;font-size:13px;font-weight:500;transition:border-color .16s,box-shadow .16s,background-color .16s}.add-drawer input:not([type=file]),.add-drawer select,.profile-drawer input:not([type=file]),.profile-drawer select{height:49px}.add-drawer input:focus,.add-drawer textarea:focus,.add-drawer select:focus,.profile-drawer input:focus,.profile-drawer textarea:focus,.profile-drawer select:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6656e81a}.add-drawer>.primary-button{width:100%;margin-top:22px}.drawer-callout{background:var(--accent-soft);border-radius:16px;align-items:center;gap:12px;padding:13px;display:flex}.drawer-callout p{gap:3px;margin:0;display:grid}.drawer-callout b{font-size:12px}.drawer-callout small{color:var(--muted);font-size:10px}.join-drawer{overscroll-behavior:contain;background:var(--surface);width:min(500px,100%);height:100%;box-shadow:var(--shadow-lg);animation:drawer-in .26s var(--ease-out) both;padding:24px 32px 34px;overflow-y:auto}.join-heading{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:14px;margin:28px 0 24px;display:grid}.join-heading h2{letter-spacing:-.055em;margin:0;font-size:clamp(32px,4vw,44px);line-height:.98}.join-heading p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.55}.join-mark{background:var(--ink);color:#fff;border-radius:14px;place-items:center;width:44px;height:44px;font-weight:800;display:grid;position:relative;overflow:hidden}.join-mark b{z-index:1;position:relative}.join-mark i{background:linear-gradient(90deg,#8d81ff,#ff85ba);border-radius:999px;width:24px;height:5px;position:absolute;bottom:8px;right:-1px;transform:rotate(-34deg)}.join-methods{border:1px solid var(--line);background:var(--surface-soft);border-radius:14px;grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.join-methods button{height:42px;color:var(--muted);cursor:pointer;transition:color .16s ease, background-color .16s ease, box-shadow .16s ease, transform .14s var(--ease-out);background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:12px;font-weight:800;display:flex}.join-methods button.is-active{color:var(--ink);background:#fff;box-shadow:0 2px 8px #14151214}.join-methods button:active{transform:scale(.97)}.join-methods button span{color:var(--accent);font-size:14px}.join-form{gap:14px;margin-top:24px;display:grid}.join-form label{color:#4f524d;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:9px;font-weight:800;display:grid}.join-form input{border:1px solid var(--line);width:100%;height:50px;color:var(--ink);text-transform:none;letter-spacing:0;background:#fafaf7;border-radius:13px;outline:0;padding:0 14px;font-size:13px;transition:border-color .16s,box-shadow .16s,background-color .16s}.join-form input:focus{border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px #6656e81a}.join-note{color:var(--muted);gap:8px;margin:18px 0 0;font-size:10px;line-height:1.5;display:flex}.join-note>span{background:var(--accent-soft);width:16px;height:16px;color:var(--accent-strong);border-radius:50%;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.join-submit{width:100%;margin-top:20px}.join-submit:disabled{opacity:.65;cursor:wait}.profile-heading{gap:13px;margin:18px 0 22px;display:grid}.profile-heading>div>p{color:var(--muted);margin:10px 0 0;font-size:13px;line-height:1.55}.profile-heading h2{font-size:clamp(32px,4vw,42px)}.profile-status{background:var(--green-soft);width:fit-content;color:var(--green);text-transform:uppercase;letter-spacing:.07em;border-radius:999px;align-items:center;gap:7px;padding:7px 10px;font-size:9px;font-weight:800;display:inline-flex}.profile-status i{background:currentColor;border-radius:50%;width:6px;height:6px}.profile-photo-section{border:1px solid var(--line);background:#fafaf7;border-radius:20px;align-items:center;gap:18px;padding:16px;display:flex}.profile-avatar-picker{width:88px;height:88px;box-shadow:0 0 0 1px var(--line), 0 8px 24px #1415121f;cursor:pointer;background:linear-gradient(135deg,#6e5eea,#ff7b8f);border:3px solid #fff;border-radius:50%;flex:none;position:relative;overflow:hidden}.profile-avatar-image{color:#fff;place-items:center;width:100%;height:100%;font-size:20px;font-weight:800;display:grid}.profile-avatar-image img{object-fit:cover;width:100%;height:100%}.profile-avatar-overlay{color:#fff;opacity:0;text-align:center;background:#141512a3;place-content:center;gap:1px;transition:opacity .16s;display:grid;position:absolute;inset:0}.profile-avatar-overlay b{font-size:20px;line-height:1}.profile-avatar-overlay small{text-transform:uppercase;letter-spacing:.05em;font-size:8px;font-weight:800}.profile-avatar-picker:hover .profile-avatar-overlay,.profile-avatar-picker:focus-within .profile-avatar-overlay{opacity:1}.profile-photo-copy{gap:5px;min-width:0;display:grid}.profile-photo-copy b{font-size:13px}.profile-photo-copy span{color:var(--muted);font-size:10px;line-height:1.45}.profile-photo-copy small{background:var(--surface-soft);width:fit-content;color:var(--muted);border-radius:999px;padding:5px 8px;font-size:9px}.visually-hidden{clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;opacity:0!important;width:1px!important;height:1px!important;position:absolute!important;overflow:hidden!important}.profile-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 10px;margin-top:20px;display:grid}.profile-form-grid label{color:#4f524d;text-transform:uppercase;letter-spacing:.08em;gap:7px;font-size:9px;font-weight:800;display:grid}.profile-field-wide{grid-column:1/-1}.media-picker{border:1px dashed var(--line-strong);cursor:pointer;background:#fafaf7;border-radius:16px;align-items:center;min-height:90px;position:relative;grid-template-columns:76px 1fr auto!important;gap:13px!important;padding:8px!important}.media-picker:hover{border-color:var(--accent)}.media-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.media-picker-preview{background:var(--surface-soft);border-radius:11px;place-items:center;width:76px;height:70px;display:grid;overflow:hidden}.media-picker-preview img{object-fit:cover;width:100%;height:100%}.media-picker-copy{text-transform:none;letter-spacing:0;gap:4px;display:grid}.media-picker-copy b{color:var(--ink);font-size:12px}.media-picker-copy small{color:var(--muted);font-size:10px;font-weight:500}.media-picker-arrow{color:var(--accent);padding-right:8px}.media-picker--profile .media-picker-preview{border-radius:50%}.drawer-actions{gap:8px;margin-top:22px;display:flex}.profile-actions{border-top:1px solid var(--line);padding-top:18px}.profile-actions .primary-button{min-width:160px}.toast{z-index:120;background:var(--ink);color:#fff;max-width:min(420px,100% - 40px);box-shadow:var(--shadow-lg);animation:toast-in .22s var(--ease-out) both;border-radius:15px;align-items:center;gap:18px;padding:14px 16px;font-size:12px;display:flex;position:fixed;bottom:20px;right:20px}.toast button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:18px}@keyframes drawer-in{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes popover-in{0%{opacity:0;transform:scale(.96)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes hero-word-shimmer{0%{background-position:100%}to{background-position:0%}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@media (max-width:1120px){.topbar{grid-template-columns:1fr auto}.desktop-nav{display:none}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creator-banner{grid-template-columns:auto 1fr auto}.creator-progress{display:none}.board-form{grid-template-columns:1fr 1fr}.board-form>b{grid-column:1/-1}}@media (max-width:900px){.topbar-publish,.profile-button>span:last-child{display:none}.mobile-nav-toggle{display:block}.mobile-nav{z-index:60;border:1px solid var(--line);width:min(320px,100% - 40px);box-shadow:var(--shadow-lg);opacity:0;pointer-events:none;transform-origin:100% 0;transition:opacity .17s ease-out, transform .17s var(--ease-out);background:#fff;border-radius:18px;gap:5px;padding:8px;display:grid;position:fixed;top:74px;right:20px;transform:translateY(-8px)scale(.97)}.is-nav-open .mobile-nav{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mobile-nav>button:not(.primary-button){cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;min-height:46px;padding:0 13px;font-size:13px;font-weight:700}.mobile-nav>button:not(.primary-button):hover{background:var(--surface-soft)}.portfolio-hero{grid-template-columns:1fr;min-height:auto;padding:58px 40px 82px}.hero-copy{max-width:780px}.hero-flow{justify-self:center;width:min(680px,100%)}.creator-banner{margin-top:-38px}.explore-toolbar{grid-template-columns:1fr 220px}.status-tabs{grid-column:1/-1;width:fit-content}.category-grid,.feedback-grid{grid-template-columns:1fr}.category-card{min-height:210px}.how-section{grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;justify-items:start}.site-footer>small{text-align:left}}@media (max-width:680px){.topbar{width:calc(100% - 28px);height:70px}.brand small{display:none}.brand-mark{width:34px;height:34px}.language-trigger{height:38px}.profile-button{display:none}.portfolio-hero,.how-section{border-radius:26px;width:calc(100% - 20px)}.portfolio-hero{gap:48px;margin-top:10px;padding:46px 22px 72px}.hero-copy h1{font-size:clamp(43px,13.5vw,64px)}.hero-body{font-size:15px}.hero-actions{display:grid}.hero-actions .primary-button,.hero-actions .secondary-button{width:100%}.hero-metrics{justify-content:space-between;gap:10px;margin-top:40px}.hero-flow{padding:17px}.hero-flow-list article{grid-template-columns:32px minmax(0,1fr) auto;gap:10px;padding:12px}.hero-flow-list article strong{font-size:13px}.creator-banner{grid-template-columns:auto 1fr;gap:14px;width:calc(100% - 40px);padding:16px}.creator-banner-copy h2{font-size:17px}.creator-banner-copy p:last-child{font-size:11px}.creator-banner .dark-button{grid-column:1/-1;width:100%}.discover-section,.categories-section,.feedback-section{width:calc(100% - 32px);padding-top:90px}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:26px}.section-heading h2,.how-copy h2{font-size:37px}.section-heading>.secondary-button{width:100%}.explore-toolbar{grid-template-columns:1fr}.category-select,.status-tabs{width:100%}.status-tabs{grid-column:auto}.status-tabs button{flex:1}.project-grid{grid-template-columns:1fr}.portfolio-card-body>p:not(.card-meta){min-height:auto}.how-section{margin-top:90px;padding:44px 22px}.how-steps article{grid-template-columns:38px 1fr;gap:12px}.feedback-heading{flex-direction:column}.feedback-score{justify-items:start}.site-footer{width:calc(100% - 32px);margin-top:80px}.site-footer>div{flex-wrap:wrap}.drawer-content{padding-inline:4px}.project-drawer{padding:10px}.drawer-title-row{flex-direction:column}.detail-stats,.question-form,.review-form-row,.board-form,.board-grid{grid-template-columns:1fr}.drawer-actions{display:grid}.add-drawer,.profile-drawer,.join-drawer{padding-inline:20px}.profile-form-grid{grid-template-columns:1fr}.profile-field-wide{grid-column:auto}.profile-photo-section{align-items:flex-start}.profile-avatar-picker{width:76px;height:76px}}@media (hover:none),(pointer:coarse){.profile-avatar-overlay{opacity:1;border-radius:50%;width:28px;height:28px;inset:auto 4px 4px auto}.profile-avatar-overlay small{display:none}.profile-avatar-overlay b{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}