/* Playful editorial layer: warm paper, bright accents, quiet motion. */
:root{--paper:#fbf9f2;--ink:#234a43;--teal:#126d65;--muted:#667b70;--line:#dce3d8;--gold:#a76931;--shadow:4px 5px 0 #dfe9dc;--yellow:#f9df78;--coral:#f3ad91;--lilac:#e5dff6}
body{background-color:var(--paper);background-image:radial-gradient(#bcc9b747 .8px,transparent .8px);background-size:19px 19px}
.sidebar{background:#fffef9;border-right:1px solid #d9e0d4}.brand img{mix-blend-mode:multiply}.brand-sub{font-weight:700}.nav{gap:8px}.nav button{border:1px solid transparent;transition:background .18s,transform .18s}.nav button.active{background:#f7df84;border:1px solid #d1bd77;color:#345444;box-shadow:2px 3px 0 #eee7cb;transform:rotate(-1.2deg)}.nav button:hover{background:#f1f4e6;transform:translateX(3px)}.nav-icon{font-weight:500}.side-note{font-size:12px;line-height:1.9}.avatar{background:#ece5f5;border:1px solid #ddd2ed;color:#5b547b}.user{border-radius:12px;padding:10px 5px}.user:hover{background:#f3f4e8}
.topbar{border-bottom-style:dashed}.pilot{background:#fffbe9;border-color:#e1d5a7;color:#78662a}.btn{border-radius:12px;box-shadow:0 3px 0 #0a514b;transition:transform .18s,box-shadow .18s,background .18s}.btn.secondary{border-color:#cdd8c7;box-shadow:0 3px 0 #dbe1ce;background:#fffefa}.btn.ghost{box-shadow:0 3px 0 #d5e4cd}.btn.danger{box-shadow:0 3px 0 #eac9bb}.btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 #0a514b}.btn.secondary:hover{box-shadow:0 5px 0 #dbe1ce}.btn:active{transform:translateY(2px);box-shadow:none}.btn:disabled{transform:none}.btn.sm{border-radius:10px}
.hero{padding:42px 0 30px;grid-template-columns:minmax(0,1fr) 340px;gap:25px;min-height:315px}.hero>.hero-copy{min-width:0}.hero .eyebrow{display:inline-block;letter-spacing:1.5px;font-size:10px;background:#ece7f6;color:#675887;padding:5px 11px;border-radius:6px;transform:rotate(-1deg)}.hero h1{font-size:43px;line-height:1.42;letter-spacing:-1.5px;margin-top:16px;margin-bottom:15px}.highlight-word{position:relative;z-index:0;white-space:nowrap}.highlight-word:after{content:'';position:absolute;z-index:-1;bottom:1px;left:-3px;right:-9px;height:16px;background:#f8df7c;border-radius:45% 10% 30% 20%;transform:rotate(-1.6deg)}.headline-spark{display:inline-block;margin-left:16px;color:#d68669;font-size:37px;vertical-align:middle;transform:rotate(13deg)}.hero p{font-size:13px;line-height:1.85;max-width:530px}.statline{gap:13px}.statline>span{padding:5px 11px;border:1px solid #e2e6d7;border-radius:9px;background:#fffefa}.statline b{font-size:18px}
.hero-art{display:block;position:relative;height:267px;margin:0;transform:none;isolation:isolate}.art-orbit{position:absolute;inset:13px 8px 20px;border:1px dashed #becbb7;border-radius:50%;transform:rotate(-18deg)}.idea-note{position:absolute;left:60px;top:21px;width:219px;height:219px;background:#e8f0d9;border:1px solid #bdd0b4;border-radius:12px;box-shadow:7px 8px 0 #dce5d2;transform:rotate(7deg);padding:27px 22px;transition:transform .3s}.hero-art:hover .idea-note{transform:rotate(3deg) translateY(-3px)}.idea-note small{font-size:8px;font-weight:650;letter-spacing:1.1px;color:#577b63;display:block}.idea-note strong{font-size:32px;line-height:1.5;letter-spacing:1px;display:block;margin-top:14px}.note-tape{position:absolute;top:-12px;width:73px;height:27px;left:70px;background:#f9df88cb;transform:rotate(-11deg);clip-path:polygon(3% 0,98% 0,95% 15%,100% 30%,96% 45%,100% 65%,97% 80%,100% 100%,0 100%,3% 80%,0 65%,4% 50%,0 30%,4% 15%)}.note-rule{position:absolute;left:23px;bottom:27px;width:92px;height:2px;background:#b7c9a9;box-shadow:0 9px 0 #c4d4b8}.note-smile{width:41px;height:41px;position:absolute;bottom:26px;right:22px;border-radius:50%;background:#f9df78;border:1.5px solid #b99c4b;transform:rotate(-9deg)}.note-smile i{position:absolute;top:11px;left:12px;width:3px;height:5px;border-radius:50%;background:#526844}.note-smile i+i{left:23px}.note-smile b{position:absolute;top:16px;left:11px;width:15px;height:10px;border:1.5px solid #526844;border-top:0;border-radius:0 0 12px 12px}.float-label{position:absolute;padding:9px 17px;border:1px solid #b8cabb;border-radius:11px;box-shadow:3px 4px 0 #234a4314;font-size:13px;font-weight:650;letter-spacing:.2px}.label-prompt{top:1px;left:1px;transform:rotate(-10deg);background:#f8df86;border-color:#d2b768}.label-skill{bottom:32px;left:0;transform:rotate(-8deg);background:#ded5ef;border-color:#bbacd1;color:#645581}.label-agent{right:0;top:100px;transform:rotate(9deg);background:#f5baa2;border-color:#d7957c;color:#754b3d}.art-star{position:absolute;right:22px;top:-4px;color:#baaaD6;font-size:51px;line-height:1;transform:rotate(10deg)}.art-caption{position:absolute;bottom:-7px;left:53px;font-size:10px;letter-spacing:1px;color:#7c8a70;transform:rotate(-3deg)}
.welcome-card{position:relative;border:1px solid #daca98;background:#fff2bc;border-radius:17px;box-shadow:3px 4px 0 #ede5c7;padding:24px 27px;margin-bottom:31px;overflow:visible}.welcome-card:after{content:'hello, AI!';position:absolute;right:180px;top:-13px;padding:2px 13px;background:#eddff5;border:1px solid #d5c3e0;color:#7f618b;border-radius:5px;transform:rotate(5deg);font:italic 15px Georgia,serif}.welcome-icon{width:50px;height:50px;background:#fff9df;border:1px solid #dec982;border-radius:16px;transform:rotate(-9deg);color:#a28b3d;font-size:29px;box-shadow:2px 3px 0 #ecdaa4}.welcome-card h3{font-size:19px}.welcome-card p{color:#777147}.welcome-card .eyebrow{color:#8a7336;font-size:9px}.welcome-card .btn{background:#fffdf2;border-color:#d8c893;box-shadow:0 3px 0 #ddcd95}
.section-head h2:before{content:'✳';display:inline-block;color:#c08a70;margin-right:10px;transform:rotate(-10deg);font-size:23px;vertical-align:middle}.section-head h2{font-size:22px}.filters{border-radius:17px;background:#fffefa;box-shadow:0 3px 0 #ecefe4}.types{gap:7px}.types button{border-radius:20px;transition:background .18s,transform .18s}.types button:hover{background:#f4eedc;transform:translateY(-1px)}.types button.active{background:#196e63;box-shadow:0 2px 0 #0c4f49}.search input{background:#f1f2e9;border-radius:20px;border:1px solid #e5e7d9}.tags{border-top-style:dashed}.tags button{background:#fffef9;color:#637761;transition:background .18s,border-color .18s}.tags button.active{background:#f6df88;color:#61542a;border-color:#d6be6d}.tags button:hover{background:#eeebf6;border-color:#c5b7d9}.countbar{margin-top:23px}
.card{--card-tint:#edf2e5;--card-edge:#cbd8be;--card-accent:#497348;border-radius:17px;border-color:#d8e0d0;box-shadow:0 3px 0 #e5e8dc;position:relative;background:#fffefa;transition:transform .22s,box-shadow .22s,border-color .22s}.card[data-tone="1"]{--card-tint:#faf0d2;--card-edge:#e2cf96;--card-accent:#8d7236}.card[data-tone="2"]{--card-tint:#eee8f6;--card-edge:#d1c3e3;--card-accent:#786494}.card[data-tone="3"]{--card-tint:#fae9df;--card-edge:#e6c5b3;--card-accent:#a06c50}.card:before{content:'';position:absolute;top:0;left:22px;right:22px;height:4px;background:var(--card-edge);border-radius:0 0 5px 5px}.card:hover{transform:translateY(-5px);box-shadow:4px 7px 0 var(--card-tint);border-color:var(--card-edge)}.card-main{padding:23px 21px 20px}.card-top{margin-bottom:17px}.tile-icon,.tile-icon.prompt{background:var(--card-tint);border-color:var(--card-edge);color:var(--card-accent);border-radius:12px;transform:rotate(-6deg);box-shadow:2px 2px 0 var(--card-edge);font-size:22px;width:41px;height:41px;transition:transform .2s}.card:hover .tile-icon{transform:rotate(4deg)}.badge,.badge.prompt{border-radius:20px;padding:3px 10px}.card .badge{background:var(--card-tint);border-color:var(--card-edge);color:var(--card-accent)}.card h3{font-size:17px}.card p{color:#697b6a}.card-tags span{border-radius:5px;background:#f0f3e8;color:#697d60}.card-foot{background:linear-gradient(90deg,var(--card-tint),#fffefa);border-top:1px dashed var(--card-edge);padding:12px 17px;color:#64755f}.card-foot .avatar{background:#fffefa;border-color:var(--card-edge);color:var(--card-accent)}.card-foot .copy-mini{background:#fffefa;border-color:var(--card-edge);border-radius:8px;min-height:32px;color:#3e6353;transition:background .15s,transform .15s}.copy-mini:hover{background:var(--card-tint);transform:translateY(-1px)}.fav{font-size:19px}.fav:hover{transform:rotate(-12deg)}
.panel{border-radius:17px;box-shadow:0 3px 0 #e7ebdf;background:#fffefa}.page-title .eyebrow{display:inline-block;background:#ede6f5;padding:4px 11px;border-radius:6px;letter-spacing:1.5px;color:#77618d}.page-title h1{margin-top:13px}.choice{border-radius:20px}.choice.active{background:#fff0b6;border-color:#cdb975;color:#79672a}.profile-preview{background:#fffbed;border-color:#ddce99}.notice{background:#f6ecd6;border:1px dashed #d9c79b;border-radius:12px;color:#78663f}.empty{background:#fffcf2;border-radius:18px}.empty h3:before{content:'✧';display:block;color:#b09ac6;font-size:35px;margin-bottom:5px}.rank{color:#a693bf}.rankline .badge{background:#f5ecd1;border-color:#dfd0a4;color:#846f37}.code{background:#fffefb;border-color:#dfdfce;border-radius:13px}.drawer{background:#fbf9f2}.drawer h2{line-height:1.4}.drawer-footer{background:#fbf9f2}.close{background:#f3e9d5;border-color:#decfae;transition:transform .18s}.close:hover{transform:rotate(8deg)}.metric{background:#fffdf5;border-radius:14px;box-shadow:0 3px 0 #e7e9da}.metric:nth-child(2){background:#ede7f5}.metric:nth-child(3){background:#fdf0c7}.login-story{background:#edf1df;background-image:radial-gradient(#b8c6a670 1px,transparent 1px);background-size:22px 22px}.login-story h1{line-height:1.5}.login-box{background:#fffefa;border:1px solid #e1dfcd;border-radius:22px;padding:28px;max-width:415px;box-shadow:6px 7px 0 #e9e6d8}.login-form{background:#fbf9f2}.footer{border-top-style:dashed;color:#6b7d64}#toast{border:1px solid #457665;border-radius:13px;box-shadow:3px 4px 0 #234a4320}
@media(min-width:1101px) and (max-width:1280px){.hero{grid-template-columns:minmax(0,1fr) 270px;gap:12px}.hero h1{font-size:36px}.hero-art{transform:scale(.84);transform-origin:center right}.statline{gap:7px}.statline>span{padding:4px 7px}.headline-spark{margin-left:6px;font-size:29px}}
@media(max-width:1100px){.hero{grid-template-columns:minmax(0,1fr) 215px;gap:5px}.hero-art{transform:scale(.68);transform-origin:left center;width:320px;margin-right:-105px}.hero h1{font-size:33px}.headline-spark{font-size:28px;margin-left:5px}.hero p br{display:none}.statline{gap:6px}.statline>span{padding:4px 6px;font-size:10px}.statline b{font-size:16px}}
@media(max-width:850px) and (min-width:701px){.hero{display:block}.hero-art{display:none}.hero h1{font-size:36px}}
@media(max-width:700px){body{background-size:17px 17px}.main{padding-left:19px;padding-right:19px}.sidebar{background:#fffdf5}.nav button.active{transform:none;box-shadow:none;border-radius:10px}.nav button:hover{transform:none}.topbar{height:77px}.top-actions{gap:7px}.pilot{display:none}.mobile-brand{width:105px;mix-blend-mode:multiply}.topbar .btn{padding:7px 10px;box-shadow:0 2px 0 #d8e0ca}.topbar .btn:not(.secondary){box-shadow:0 2px 0 #0a514b}.hero{display:block;padding:28px 0 23px;min-height:0}.hero .eyebrow{font-size:8px;letter-spacing:1px;padding:5px 8px}.hero h1{font-size:31px;line-height:1.5;margin-top:14px}.highlight-word:after{height:12px}.headline-spark{font-size:28px;margin-left:13px}.hero p{font-size:12px;line-height:1.9;margin-bottom:18px}.hero-art{display:none}.statline{gap:8px;flex-wrap:wrap}.statline>span{font-size:10px;padding:5px 8px}.statline b{font-size:16px}.welcome-card{padding:20px 17px;margin-top:7px;border-radius:15px;gap:11px}.welcome-card:after{right:28px;top:-12px;font-size:13px}.welcome-card h3{font-size:16px}.welcome-card p{font-size:11px}.welcome-card .eyebrow{font-size:8px;letter-spacing:1px}.welcome-card .btn{padding:8px 10px;align-self:center}.welcome-icon{display:none}.section-head{margin-top:28px}.section-head h2{font-size:20px}.section-head small{font-size:10px}.filters{border-radius:15px}.types{justify-content:space-between}.types button{padding:7px 13px;font-size:12px}.search{width:100%}.search input{width:100%}.tags button{font-size:11px;padding:5px 10px}.grid{gap:17px}.card-main{padding:21px}.card-top{margin-bottom:15px}.card-foot{padding:12px 18px}.card h3{font-size:17px}.card p{font-size:12px}.login-box{padding:23px}.login-form{padding:28px 19px}.drawer{padding:23px}.welcome-card .row{gap:0}.hero .hero-copy{min-width:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media(hover:none){.card:hover{transform:none;box-shadow:0 3px 0 #e5e8dc}.card:hover .tile-icon{transform:rotate(-6deg)}.btn:hover{transform:none}}
/* Shared attribution, multiple content types and community honours. */
.type-badges{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.type-picker{min-width:0;border:1px solid var(--line);border-radius:12px;margin:0;padding:12px 14px}.type-picker legend{font-size:12px;padding:0 5px}.type-picker small{display:block;font-size:10px;margin-top:8px}.type-option{display:flex;align-items:center;gap:7px;font-size:12px;padding:6px 10px;border-radius:18px;background:#f3f3e9;border:1px solid #e1e4d6;cursor:pointer}.type-option:has(:checked){background:#f8e5a5;border-color:#cfb96d;color:#67552d}.type-option input{width:16px;height:16px;margin:0;accent-color:var(--teal)}.awards-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px;margin-top:17px}.award-card{grid-column:span 2;position:relative;background:#fffdf5;border:1px solid #d9d0ab;border-radius:20px;padding:24px;box-shadow:3px 5px 0 #eae6d0;min-width:0}.award-card.award-skill{background:#eff3e5;border-color:#c6d4b4;box-shadow:3px 5px 0 #dee6d2}.award-card.award-agent{background:#f1ebf8;border-color:#d4c6e4;box-shadow:3px 5px 0 #e5ddee}.award-copier,.award-uploader{grid-column:span 3}.award-card.award-copier{background:#fbebe1;border-color:#e1c2af;box-shadow:3px 5px 0 #efdfd1}.award-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.award-symbol{font:36px Georgia;color:#876b31}.award-skill .award-symbol{color:#54774c}.award-agent .award-symbol{color:#85709b}.award-ribbon{font-size:10px;background:#fffaf0;border:1px dashed #d9ccab;border-radius:6px;padding:4px 9px;transform:rotate(4deg);color:#827144}.award-card h2{font-size:20px;line-height:1.4;margin-bottom:8px}.award-rule{font-size:12px;color:#75816c;margin-bottom:15px}.award-score{font:bold 40px Georgia;color:#315d50;line-height:1.3;margin-bottom:13px}.award-score span{font:12px system-ui,sans-serif;margin-left:9px;color:#697d66}.award-name{display:block;text-align:left;font-size:16px;font-weight:650;color:var(--ink);padding:0;overflow-wrap:anywhere;line-height:1.6}.award-name[data-open]:hover{text-decoration:underline;text-underline-offset:4px}.award-winners{display:grid;gap:12px}.award-winners small{display:block;font-size:11px;margin-top:3px}.award-empty{min-height:95px;display:flex;flex-direction:column;justify-content:center;gap:7px;padding-top:4px}.award-empty b{font-size:18px;color:#817b67}.award-empty span{font-size:11px;color:#7c8678}.nav button{white-space:nowrap}
@media(max-width:1100px){.awards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.award-card,.award-copier,.award-uploader{grid-column:span 1}.award-uploader{grid-column:span 2}}
@media(max-width:700px){.awards-grid{grid-template-columns:1fr;gap:17px}.award-card,.award-uploader{grid-column:span 1;padding:21px}.award-top{margin-bottom:12px}.award-empty{min-height:65px}.card-top{gap:12px}.type-badges .badge{font-size:9px;padding:3px 8px}.nav button{padding-left:6px;padding-right:6px}}
.skill-alias { display:inline-block; font-size:12px; font-weight:500; color:#557674; background:#edf4ef; border-radius:6px; padding:4px 7px; max-width:100%; overflow-wrap:anywhere; }
.card-copy-actions { display:flex; gap:8px; padding:0 20px 18px; flex-wrap:wrap; }
.card-copy-actions .copy-mini { flex:1; white-space:nowrap; }
.copy-actions { display:flex; gap:8px; flex-wrap:wrap; }
.variant-tabs { margin-top:20px; margin-bottom:10px; }
.variant-fields { min-width:0; }
.variant-fields [hidden] { display:none; }
.variant-fields textarea { font-family:monospace; }
.drawer-footer { flex-wrap:wrap; gap:12px; }