:root{--blue:#2878e8;--line:#dbe5f0;--muted:#7186a3;--ink:#17345c;--surface:#f1f7fd;--lift:5px 6px 13px #b7cadd62,-4px -4px 11px #ffffffed,inset 0 1px 1px #fff;--well:inset 3px 4px 8px #b7cadd65,inset -3px -3px 7px #fff;--soft-shadow:var(--lift);color:var(--ink);background:#eff5fc}
body{background:radial-gradient(ellipse at 15% 0,#fcfeff99,transparent 65%),#eff5fc;color:var(--ink)}
.shell{max-width:680px;padding:26px 24px 32px}header{min-height:54px;margin-bottom:24px;padding:0;gap:8px}.brand{font-size:24px;letter-spacing:-.5px;line-height:1.3;display:flex;align-items:center;gap:10px}.brand-copy{display:flex;flex-direction:column}.brand-copy small{font-weight:400;font-size:11px;letter-spacing:.2px;color:#7088a6;margin:3px 0 0}.brand-mark{width:35px;height:38px;position:relative;flex-shrink:0}.brand-mark:before,.brand-mark:after{content:'';position:absolute;left:13px;top:0;width:10px;height:39px;border-radius:1px;background:linear-gradient(135deg,#83c4ff,#236dde);transform:rotate(39deg)}.brand-mark:after{transform:rotate(-39deg);background:linear-gradient(135deg,#419afa,#225eac)}
#menu,.home-account{display:grid;place-items:center;width:42px;height:42px;padding:0;border-radius:50%;background:var(--surface);border:1px solid #ffffffbf;box-shadow:var(--lift);color:var(--ink)}#menu{right:0}.home-account{right:53px}.home-account svg,#menu svg{width:23px;height:23px}.home-account:focus-visible,#menu:focus-visible{outline-offset:5px}nav{z-index:10;top:59px;min-width:172px;border-radius:19px;background:#f5f9ff;border:1px solid #fff;box-shadow:8px 12px 26px #91aac45c;padding:10px}nav a{padding:13px 15px}nav a:hover{background:#e7f0fc}
.home-announcement{background:none;border:0;padding:0 3px 0 4px;margin-bottom:18px;gap:11px;color:#607b9d;font-size:12px}.home-announcement>span{border:0;color:var(--blue);font-size:12px;padding:0;display:flex;align-items:center;gap:8px}.home-announcement>span:before{content:'';width:7px;height:7px;border-radius:50%;background:#398ef0;box-shadow:inset 1px 1px 2px #ffffff85}.home-announcement button{font-size:17px;min-width:28px;min-height:28px}
.quick{background:#eff5fc;border:2px solid #ffffffd9;box-shadow:var(--well),0 2px 5px #aac1d526;border-radius:18px;min-height:66px;padding:5px 5px 5px 18px;gap:5px}.quick svg{color:var(--ink);stroke-width:1.7}.quick input{font-size:15px;padding:10px 7px}.quick input::placeholder{color:#879bb5}.quick button,.action.primary{background:linear-gradient(135deg,#63adfa,#2478ee);border:1px solid #80baff;color:white;box-shadow:2px 4px 8px #3682d747,inset 0 1px 2px #d4ecffb0}.quick button{border-radius:13px;padding:14px 22px;font-size:16px}
.shortcuts{padding:25px 2px;gap:10px}.shortcuts a{flex-direction:row;font-size:13px;gap:10px;color:var(--ink);justify-content:center}.shortcuts a>span{width:43px;height:43px;border-radius:50%;background:var(--surface);border:1px solid #ffffffdb;box-shadow:var(--lift);color:var(--ink);flex-shrink:0}.shortcuts svg{width:24px;height:24px;stroke-width:1.65}.shortcuts a+a:before{display:block;height:24px;top:10px;border-color:#ccdaeb}
.site-stats{border:0;border-radius:0;background:none;margin-bottom:27px;padding:5px 0 0}.site-stats strong{font-size:25px;font-weight:650;color:var(--ink)}.site-stats span{color:#6580a1;font-size:12px;margin-top:0}.site-stats em{font-size:9px;margin-left:3px}.site-stats div+div{border-color:#d1deec}.discovery-heading{justify-content:flex-start;gap:17px;margin-bottom:14px}.discovery-heading h2{font-size:21px;font-weight:700}.discovery-heading span{font-size:12px;color:#7087a3}
.filters{box-shadow:var(--well);background:#eaf2fc;border:1px solid #faffff;border-radius:20px;padding:4px;margin-bottom:17px}.filters button{padding:10px 0;font-size:14px;border-radius:16px;color:#657c9a}.filters button[aria-pressed=true]{background:#f6faff;box-shadow:3px 4px 8px #afc2d761,-2px -2px 5px #fff;color:var(--blue)}
#grid{background:linear-gradient(135deg,#f7fbffb0,#edf5ffa6);border:1px solid #ffffffed;border-radius:23px;box-shadow:4px 7px 17px #b3c9df55,-3px -4px 9px #fff;padding:17px 9px 20px;row-gap:9px;margin-bottom:20px}.app{gap:11px;min-height:132px;padding:7px 2px;justify-content:flex-start;border-radius:16px}.app:hover{background:#ffffff5c}.app svg{width:72px;height:72px;padding:16px;color:var(--ink);stroke-width:1.55;border-radius:23px;background:linear-gradient(135deg,#f9fcff,#eaf2fa);border:1px solid #fff;box-shadow:var(--lift);overflow:visible}.app strong{font-size:13px;color:var(--ink);font-weight:500;line-height:1.5}.app .free{background:#dcecff;color:#357ee2;font-size:10px;border-radius:12px;padding:1px 12px;margin-top:-6px}
.services{background:none;border:0;box-shadow:none;padding:0;margin-bottom:17px;display:grid;gap:12px}.services>a{border:1px solid #fff!important;border-radius:18px;padding:15px 19px;background:linear-gradient(130deg,#f8fbff,#edf4fc);box-shadow:var(--lift);font-size:15px;gap:17px}.services>a>span[data-icon]{width:36px;display:grid;place-items:center;flex-shrink:0}.services svg{width:28px;height:28px;color:var(--ink)}.services>a:first-child svg{color:#3587ef;width:33px;height:33px}.services small{display:block;margin:3px 0 0;color:#7b91ae;font-size:11px}.services b{color:#6d86a5;font-size:23px}
.home-bottom{display:grid;grid-template-columns:1.3fr 1fr;gap:12px}.home-widget,.home-profile{border:1px solid #fff;border-radius:19px;box-shadow:var(--lift);background:linear-gradient(135deg,#f8fbff,#eef5fd);padding:20px 17px;min-width:0}.home-widget:before{display:none}.home-widget h2{font-size:14px;margin:0 0 10px;gap:8px}.home-widget h2 a{font-size:10px;color:#7188a3}.home-widget>a:first-of-type{font-family:inherit;font-size:15px;line-height:1.6;font-weight:600;letter-spacing:0}.home-widget p{font-size:11px;color:#7a91ac;margin:8px 0}.home-widget .muted{font-size:10px}.home-profile{display:flex;gap:12px;align-items:center}.home-profile>span{flex-shrink:0;display:grid;place-items:center;width:43px;height:48px;border:1px solid #fff;border-radius:15px;background:var(--surface);box-shadow:var(--lift)}.home-profile svg{width:25px;height:25px}.home-profile strong{font-size:15px;font-weight:600}.home-profile p{color:#7b91ac;font-size:11px;line-height:1.7;margin:8px 0 0}.refined-footer{font-size:11px;color:#7c94b1;letter-spacing:.3px;margin-top:26px}
.community-heading h1,.sub-title h1{font-size:23px;color:var(--ink)}.sub-title svg{color:#45678e}.preview-banner{background:#e8f0fa;box-shadow:inset 1px 2px 4px #c0d2e452;border:1px solid #faffff;color:#647a96;line-height:1.8}.profile-row,.stats,.entry,.note,.ticket,.coupon,.local-form,.sub-panel,.sub-list,.asset-card{background:linear-gradient(135deg,#f8fbff,#eff6fd);border:1px solid #fff;box-shadow:var(--lift);border-radius:19px}.local-form,.sub-panel{padding:22px}.local-form input,.local-form textarea,.local-form select,.fields input{box-shadow:var(--well);background:#edf4fc;border:1px solid #faffff;border-radius:11px;padding:13px;color:var(--ink)}.local-form input:focus,.local-form textarea:focus,.fields input:focus{outline:2px solid #72aaf0;outline-offset:2px}.local-form input[readonly]{background:#eaf1f8;color:#7187a3}.action{box-shadow:var(--lift);background:var(--surface);border:1px solid #fff;border-radius:12px;color:#386aa5}.action.primary{color:#fff}.auth-tabs,.subnav{background:#e8f1fb;box-shadow:var(--well);padding:5px;border-radius:15px;gap:5px}.subnav a{flex:1;text-align:center;padding:10px 4px;font-size:13px;border-radius:11px;color:#7187a3}.subnav a[aria-current=page],.auth-tabs button[aria-pressed=true]{background:#f7fbff;box-shadow:var(--lift);color:var(--blue)}.auth-tabs button{border-radius:11px}.avatar{background:#f0f7ff;border:2px solid #fff;box-shadow:var(--lift);color:#527ba9}.entry{min-height:60px;flex-wrap:wrap}.entry span{color:#7085a0}.stats b{color:var(--ink)}.stats a{color:#7085a0}.tag{border-color:#c4d7ee;color:#4b739e}.empty-assets{background:#eaf2fb;box-shadow:var(--well);color:#6c829d;border:1px solid #fff}.sub-text,.muted{color:#6a819d}.note p{color:#56708e}.form-message{color:#a44835}.back{font-size:28px}.code-row .action{padding:12px 10px}
button,a,input{transition:box-shadow .15s ease,color .15s ease,background .15s ease}button:active:not(:disabled),.services>a:active,.action:active{box-shadow:var(--well)}button:disabled{opacity:.55}a:focus-visible,button:focus-visible{outline:2px solid #2878e8;outline-offset:3px}.quick button:active,.action.primary:active{box-shadow:inset 2px 3px 7px #155dc273}
@media(min-width:600px){.shell{padding:30px 34px 35px}.brand{font-size:26px}.brand-mark{width:41px;margin-right:2px}.brand-copy small{font-size:12px}.shortcuts a{font-size:14px}.app svg{width:79px;height:79px;padding:17px}.app strong{font-size:15px}.app{min-height:143px}#grid{padding:21px 13px;row-gap:14px}.services>a{font-size:16px}.home-widget>a:first-of-type{font-size:17px}}
@media(max-width:420px){.shell{padding:20px 17px 28px}.brand{font-size:20px;gap:7px}.brand-mark{width:29px;transform:scale(.86);transform-origin:left center;margin-right:-3px}.brand-copy small{font-size:9px}#menu,.home-account{width:36px;height:36px}.home-account{right:45px}.shortcuts a{flex-direction:column;gap:9px;font-size:12px}.shortcuts a+a:before{top:15px}.site-stats span{font-size:11px}.discovery-heading h2{font-size:19px}.discovery-heading span{font-size:10px}.app svg{width:65px;height:65px;padding:14px;border-radius:20px}.app strong{font-size:12px}.app{min-height:121px}#grid{padding-inline:6px}.home-bottom{grid-template-columns:1.25fr 1fr;gap:10px}.home-widget,.home-profile{padding:16px 12px}.home-profile{gap:9px;flex-direction:column;align-items:flex-start}.home-widget h2 a{font-size:9px}.home-widget>a:first-of-type{font-size:13px}.home-profile strong{font-size:14px}.quick button{padding:13px 17px}.quick input{font-size:13px}.local-form,.sub-panel{padding:17px}.profile-row{padding:17px}.community-heading h1{font-size:21px}.community-heading a{font-size:12px}}
.local-form,.local-form>div,.local-form input,.local-form textarea{min-width:0}.local-form .sr-only{width:1px;height:1px;padding:0;border:0;max-width:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

/* Trace the approved preview's fine outlines and folded ribbon proportions. */
.brand-mark{object-fit:contain;width:38px;height:38px;transform:none;margin-right:0}.brand-mark:before,.brand-mark:after{display:none}.app svg{stroke-width:1.15;padding:15px;background:linear-gradient(135deg,#fafdff,#e9f1fa);box-shadow:4px 6px 9px #afc2d66b,-4px -4px 9px #ffffff,inset 0 1px 1px #fff}.brand-copy{font-weight:700;letter-spacing:-.6px}.brand-copy small{letter-spacing:.25px}
@media(min-width:600px){.brand-mark{width:45px;height:43px}.app svg{padding:17px}}
@media(max-width:420px){.brand-mark{width:32px;height:32px;margin-right:0;transform:none}.app svg{padding:14px}.brand{gap:7px;font-size:20px}}

/* Lucide and generated icons share a black glyph and CSS-only raised base. */
.app svg{color:#000;stroke-width:1.5}.generated-icon{display:inline-grid;place-items:center;position:relative;width:28px;height:28px;flex-shrink:0}.generated-icon img{display:block;position:absolute;width:145%;height:145%;max-width:none;object-fit:contain;filter:brightness(0);pointer-events:none}.app>.generated-icon{width:72px;height:72px;padding:15px;border-radius:23px;background:linear-gradient(135deg,#fafdff,#e9f1fa);border:1px solid #fff;box-shadow:4px 6px 9px #afc2d66b,-4px -4px 9px #fff,inset 0 1px 1px #fff;overflow:hidden}.app>.generated-icon img{width:82%;height:82%;position:absolute}.sub-title>.generated-icon{width:38px;height:38px;margin:0 5px}.shortcuts svg,.services svg,.services>a:first-child svg,.home-profile svg,.home-account svg,#menu svg,.quick svg,.sub-title svg{color:#000}.brand-mark{filter:grayscale(1) brightness(.4)}
@media(min-width:600px){.app>.generated-icon{width:79px;height:79px;border-radius:23px}.app>.generated-icon img{width:82%;height:82%}}
@media(max-width:420px){.app>.generated-icon{width:65px;height:65px;border-radius:20px;padding:14px}.app>.generated-icon img{width:82%;height:82%}}

.brand-mark{object-fit:contain;transform:scale(1.18);transform-origin:center;filter:grayscale(1) brightness(.35)}

.app svg{stroke-width:1.2}