:root{--ink:#191919;--paper:#fffaf0;--cream:#f8f1df;--yellow:#ffd84d;--pink:#ff5c93;--cyan:#42d6e8;--blue:#5c78ff;--purple:#8c55ff;--green:#68d391;--red:#ff5454;--muted:#6f6b70;--line:#1d1d1d;--white:#fff;--shadow:7px 7px 0 var(--ink)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;color:var(--ink);font:14px/1.5 "Trebuchet MS","PingFang SC","Microsoft YaHei",sans-serif;background-color:var(--paper);background-image:radial-gradient(circle at 1px 1px,rgba(25,25,25,.12) 1px,transparent 1.2px);background-size:18px 18px}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:4px solid var(--cyan);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.45}.app{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:240px;padding:18px 14px;background:var(--cyan);border-right:4px solid var(--ink);z-index:10;overflow:hidden}.sidebar:before{content:"";position:absolute;width:210px;height:210px;border:4px solid var(--ink);border-radius:50%;background:var(--yellow);top:-110px;left:-80px}.sidebar:after{content:"";position:absolute;inset:0;background:repeating-radial-gradient(circle at 20% 70%,transparent 0 7px,rgba(0,0,0,.09) 8px 9px);pointer-events:none}.side-title,.nav,.side-account{position:relative;z-index:1}.side-title{height:64px;padding:0 10px 18px;display:flex;align-items:center;gap:10px;font:900 18px/1 "Arial Black","PingFang SC",sans-serif;text-transform:uppercase}.side-title i{width:40px;height:40px;border:3px solid var(--ink);border-radius:50%;background:var(--pink);display:grid;place-items:center;font-style:normal;box-shadow:3px 3px 0 var(--ink);transform:rotate(-7deg)}.nav{display:grid;gap:10px;margin-top:10px}.nav button{border:3px solid transparent;background:transparent;padding:11px 12px;border-radius:4px;text-align:left;font-weight:800;transition:.12s}.nav button:hover{transform:translateX(3px);background:rgba(255,255,255,.55);border-color:var(--ink)}.nav button.active{background:var(--yellow);border-color:var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-1deg)}.nav button span{display:inline-block;width:27px;font-size:18px}.side-account{position:absolute;left:18px;right:18px;bottom:20px;padding:12px;background:var(--paper);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);font-weight:800}.side-account small{font-weight:500;color:var(--muted)}.main{margin-left:240px;min-height:100vh}.topbar{height:76px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:rgba(255,250,240,.94);border-bottom:3px solid var(--ink)}.crumb strong{display:block;font:900 20px/1.2 "Arial Black","PingFang SC",sans-serif;letter-spacing:-.3px}.crumb small{color:var(--muted);font-weight:800}.top-actions{display:flex;gap:9px}.top-actions button{border:3px solid var(--ink);background:var(--yellow);border-radius:50%;width:39px;height:39px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.top-actions button:nth-child(2){background:var(--pink)}.top-actions button:nth-child(3){background:var(--purple);color:#fff}.canvas{padding:24px 34px 70px;max-width:1500px;margin:auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin:4px 0 24px}.page-head h1{display:inline-block;margin:0 0 7px;font:900 34px/1.1 "Arial Black","PingFang SC",sans-serif;letter-spacing:-1px;text-transform:uppercase;background:linear-gradient(transparent 58%,var(--yellow) 58%)}.page-head p{margin:0;color:var(--muted);font-weight:700}.btn{border:3px solid var(--ink);border-radius:5px;padding:9px 16px;background:var(--white);font-weight:900;box-shadow:3px 3px 0 var(--ink);transition:.1s}.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}.btn.primary{background:var(--pink);color:var(--ink)}.btn.outline{background:var(--paper)}.btn.text{border:0;box-shadow:none;background:transparent;color:var(--blue);padding:6px 8px}.btn.text:hover{transform:translateY(-1px);text-decoration:underline}.btn.danger{background:#fff;border-color:var(--red);color:var(--red);box-shadow:3px 3px 0 var(--red)}.btn.small{padding:6px 10px;font-size:12px}.tabs{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.tabs button{border:2px solid var(--ink);background:var(--white);padding:8px 13px;border-radius:4px;font-weight:800;box-shadow:2px 2px 0 var(--ink);transform:rotate(.4deg)}.tabs button:nth-child(even){transform:rotate(-.5deg)}.tabs button.active{background:var(--yellow);transform:translateY(-2px) rotate(-1deg)}.count{display:inline-block;margin-left:5px;background:var(--pink);color:var(--ink);border:2px solid var(--ink);border-radius:50%;padding:0 5px;font-size:9px}.filters{display:grid;grid-template-columns:1.2fr 1.25fr .75fr auto;gap:12px;margin:20px 0}.field,.input,.select,.textarea{border:3px solid var(--ink);background:var(--white);border-radius:5px;padding:9px 12px;outline:0;width:100%;box-shadow:3px 3px 0 rgba(25,25,25,.18)}.field{height:43px}.task-list{display:grid;gap:18px}.task-card,.panel{background:var(--white);border:3px solid var(--ink);border-radius:7px;box-shadow:var(--shadow)}.task-card{padding:18px 20px;position:relative;overflow:hidden}.task-card:before{content:"";position:absolute;width:100px;height:100px;right:-45px;top:-55px;border:3px solid var(--ink);background:var(--cyan);transform:rotate(20deg)}.task-top,.task-bottom{position:relative;display:flex;align-items:center;gap:9px}.task-top{padding-bottom:16px;border-bottom:3px dashed var(--ink)}.task-title{font:900 15px/1.3 "Arial Black","PingFang SC",sans-serif;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag{font-size:10px;background:var(--cream);border:2px solid var(--ink);border-radius:3px;padding:2px 6px;font-weight:800}.tag.type{color:var(--ink);background:var(--green);border-radius:12px}.deadline{margin-left:auto;color:var(--muted);font-size:12px;font-weight:700}.task-bottom{padding-top:16px;display:grid;grid-template-columns:160px 1fr 1fr 150px 100px}.avatars{display:flex}.avatar{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);color:var(--ink);font-weight:900;border:3px solid var(--ink);margin-left:-7px;box-shadow:2px 2px 0 var(--ink);font-style:normal}.avatars .avatar:first-child{margin-left:0;background:var(--pink)}.muted{color:var(--muted)}.reward{font-size:18px;color:var(--pink);font-weight:900;text-shadow:1px 1px 0 var(--ink)}.stage{display:inline-block;color:var(--ink);background:var(--yellow);border:2px solid var(--ink);padding:3px 8px;transform:rotate(-1deg);font-weight:900}.stage.completed{background:var(--green)}.empty{padding:70px;text-align:center;color:var(--muted)}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:22px;color:var(--muted);font-weight:700}.pages button{border:2px solid var(--ink);background:var(--white);padding:7px 11px;margin-left:5px;box-shadow:2px 2px 0 var(--ink)}.pages button.active{background:var(--yellow)}

/* task creation */
.create-layout{display:grid;grid-template-columns:320px 1fr;gap:24px}.step-nav{align-self:start;padding:25px;transform:rotate(-.4deg);background:var(--yellow)}.step-nav div{display:flex;gap:12px;padding-bottom:31px;color:#777;position:relative;font-weight:800}.step-nav div:not(:last-child):after{content:"";position:absolute;left:13px;top:30px;width:3px;height:27px;background:var(--ink)}.step-nav i{width:28px;height:28px;border:3px solid var(--ink);border-radius:50%;background:var(--white);display:grid;place-items:center;font-style:normal;font-weight:900;box-shadow:2px 2px 0 var(--ink)}.step-nav .current,.step-nav .done{color:var(--ink)}.step-nav .current i{background:var(--pink)}.step-nav .done i{background:var(--green)}.form-stack{display:grid;gap:20px}.section{padding:23px 22px}.section:nth-child(even){background:#fffdf7}.section h3{display:inline-block;margin:0 0 22px;font:900 18px/1.2 "Arial Black","PingFang SC",sans-serif;background:linear-gradient(transparent 55%,var(--cyan) 55%)}.choice-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.choice{min-height:46px;border:3px solid var(--ink);background:var(--white);border-radius:5px;padding:9px 14px;text-align:left;font-weight:800;box-shadow:3px 3px 0 var(--ink)}.choice:hover{background:var(--cream)}.choice.selected{background:var(--yellow);transform:translate(-1px,-1px) rotate(-.7deg);box-shadow:5px 5px 0 var(--ink)}.choice:before{content:"";display:inline-block;width:13px;height:13px;border:3px solid var(--ink);border-radius:50%;margin-right:8px;vertical-align:-3px;background:#fff}.choice.selected:before{background:var(--pink);box-shadow:inset 0 0 0 2px #fff}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid .wide{grid-column:1/-1}.form-label{display:grid;gap:8px;font-size:12px;color:var(--muted);font-weight:700}.form-label b{color:var(--ink);font-weight:900}.textarea{min-height:120px;resize:vertical}.inline-input{display:grid;grid-template-columns:1fr 72px}.inline-input .input{border-radius:5px 0 0 5px}.suffix{display:grid;place-items:center;border:3px solid var(--ink);border-left:0;border-radius:0 5px 5px 0;background:var(--cream);font-weight:900}.condition-head{display:flex;justify-content:space-between;align-items:center;margin:22px 0 12px}.segmented{display:flex;border:3px solid var(--ink);background:var(--white);padding:2px;box-shadow:3px 3px 0 var(--ink)}.segmented button{border:0;background:transparent;padding:6px 13px;font-weight:800}.segmented button.active{background:var(--cyan)}.condition{display:grid;grid-template-columns:1fr 90px 1fr 36px;gap:8px;margin:10px 0}.add-row{width:100%;border:3px dashed var(--ink);background:var(--cream);padding:10px;font-weight:900}.add-row:hover{background:var(--cyan)}.formula{background:var(--purple);color:#fff;border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:13px;display:flex;justify-content:space-between;margin:15px 0;font-weight:800;transform:rotate(-.3deg)}.tier-row{display:grid;grid-template-columns:1fr 1fr 110px 1fr 70px 38px;gap:8px;align-items:center;margin:10px 0}.rank-row{display:grid;grid-template-columns:.7fr 30px .7fr 1fr 1fr 1fr 36px;gap:8px;align-items:center;margin:10px 0}.cycle-card{border:3px solid var(--ink);background:var(--cream);padding:16px;margin:12px 0;box-shadow:4px 4px 0 var(--ink);transform:rotate(.15deg)}.cycle-card:nth-child(odd){transform:rotate(-.18deg);background:#effbff}.cycle-head{display:flex;justify-content:space-between;margin-bottom:12px;font-weight:900}.cycle-controls{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.quick button{border:2px solid var(--ink);background:#fff;padding:7px 10px;font-weight:800}.quick button.active{background:var(--pink)}.upload{border:3px dashed var(--ink);background:var(--yellow);padding:25px;text-align:center;font-weight:900}.file{display:flex;align-items:center;gap:10px;padding:11px;border:3px solid var(--ink);background:var(--white);margin-top:9px;box-shadow:3px 3px 0 var(--ink)}.file b{flex:1}.sticky-actions{position:sticky;bottom:0;background:var(--paper);border:3px solid var(--ink);box-shadow:0 -5px 0 var(--yellow);padding:14px 18px;display:flex;align-items:center;justify-content:space-between;z-index:2}.sticky-actions .right{display:flex;align-items:center;gap:10px}

/* detail */
.back{border:3px solid var(--ink);background:var(--white);box-shadow:3px 3px 0 var(--ink);margin-bottom:17px;padding:7px 12px;font-weight:900}.detail-grid{display:grid;grid-template-columns:1fr 320px;gap:23px}.summary{padding:21px;background:var(--yellow)}.summary-line{display:flex;gap:8px;align-items:center}.summary-line h2{margin:0;flex:1;font:900 20px/1.3 "Arial Black","PingFang SC",sans-serif}.summary-meta{display:flex;gap:25px;margin-top:20px;font-weight:800}.requirements{border-top:3px dashed var(--ink);margin-top:18px;padding-top:16px}.timeline{padding:21px;align-self:start;background:var(--cyan);transform:rotate(.4deg)}.timeline h3{margin-top:0;font:900 18px "Arial Black","PingFang SC",sans-serif}.timeline-item{padding:0 0 20px 38px;position:relative}.timeline-item:before{content:attr(data-n);position:absolute;left:0;top:0;width:27px;height:27px;border:3px solid var(--ink);border-radius:50%;background:#fff;display:grid;place-items:center;font-weight:900;box-shadow:2px 2px 0 var(--ink)}.timeline-item:after{content:"";position:absolute;left:13px;top:29px;bottom:1px;width:3px;background:var(--ink)}.timeline-item:last-child:after{display:none}.timeline-item.active:before{background:var(--pink)}.timeline-item.done:before{content:"✓";background:var(--green)}.timeline-item span{display:block;color:#474747;font-size:12px;font-weight:800}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:20px;margin-top:20px;background:var(--purple)}.metric{background:var(--white);border:3px solid var(--ink);padding:15px;box-shadow:3px 3px 0 var(--ink);transform:rotate(-.4deg)}.metric:nth-child(even){transform:rotate(.45deg);background:#fff8d9}.metric b{display:block;font:900 19px "Arial Black",sans-serif;margin-top:16px}.detail-main{margin-top:20px}.detail-tabs{padding:17px 20px 0;border-bottom:3px solid var(--ink);background:var(--cream)}.detail-body{padding:23px;min-height:520px}.two-col{display:grid;grid-template-columns:1.4fr .8fr;gap:30px}.copy{color:#525052;line-height:1.85}.rule-card{background:var(--yellow);border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);padding:16px;transform:rotate(.6deg)}.subtabs{display:flex;gap:9px;margin-bottom:17px;flex-wrap:wrap}.subtabs button{border:2px solid var(--ink);background:var(--white);padding:7px 13px;font-weight:800;box-shadow:2px 2px 0 var(--ink)}.subtabs button.active{background:var(--cyan);transform:translateY(-2px)}.switch-row{display:flex;justify-content:space-between;align-items:center}.switch{width:44px;height:24px;border:3px solid var(--ink);background:#ddd;padding:2px;vertical-align:middle}.switch i{display:block;width:14px;height:14px;border:2px solid var(--ink);background:#fff}.switch.on{background:var(--green)}.switch.on i{margin-left:20px}.table{width:100%;border-collapse:collapse}.table th{background:var(--ink);color:#fff;font-size:11px;text-align:left;padding:13px;border-right:1px solid #fff}.table td{padding:12px;border-bottom:2px solid var(--ink);font-size:12px}.table tbody tr:nth-child(even){background:#fff8d9}.person{display:flex;align-items:center;gap:9px}.person .avatar{margin:0}.action-links{display:flex;gap:9px;justify-content:flex-end}.action-links button{border:0;background:var(--yellow);border-bottom:2px solid var(--ink);font-weight:900;padding:3px 6px}.action-links button.red{background:#ffd9df;color:#bd1f42}.delivery-status{min-width:90px;font-weight:900}.data-card{border:3px solid var(--ink);padding:18px;margin-bottom:18px;background:var(--white);box-shadow:var(--shadow);transform:rotate(-.1deg)}.data-card:nth-child(even){transform:rotate(.18deg)}.data-head{display:grid;grid-template-columns:170px 1fr auto;gap:16px}.thumb{height:105px;border:3px solid var(--ink);background:var(--pink);box-shadow:4px 4px 0 var(--ink);display:grid;place-items:center;font-size:34px}.content-meta{display:grid;grid-template-columns:auto 1fr;gap:7px 15px;font-size:12px}.content-metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:14px}.settlement-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.medal{width:31px;height:31px;display:grid;place-items:center;background:var(--yellow);border:3px solid var(--ink);border-radius:50%;font-weight:900;box-shadow:2px 2px 0 var(--ink)}.paybar{background:var(--cyan);border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);padding:20px;display:flex;align-items:center;justify-content:space-between;margin-top:19px;transform:rotate(-.25deg)}.paybar strong{font:900 25px "Arial Black",sans-serif}.not-ready{height:360px;display:grid;place-items:center;text-align:center;background:repeating-radial-gradient(circle,#fff 0 6px,#f1eff9 7px 8px)}

/* overlays */
.overlay{position:fixed;inset:0;background:rgba(25,25,25,.72);z-index:50;display:grid;place-items:center;background-image:radial-gradient(circle,rgba(255,255,255,.18) 1px,transparent 2px);background-size:12px 12px}.modal{width:min(560px,92vw);max-height:88vh;overflow:auto;background:var(--paper);border:4px solid var(--ink);box-shadow:10px 10px 0 var(--pink);transform:rotate(-.4deg)}.modal.wide{width:min(900px,94vw)}.modal-head{padding:17px 21px;border-bottom:3px solid var(--ink);display:flex;align-items:center;justify-content:space-between;background:var(--yellow)}.modal-head h3{margin:0;font:900 18px "Arial Black","PingFang SC",sans-serif}.close{border:3px solid var(--ink);background:#fff;width:34px;height:34px;font-size:21px;font-weight:900;line-height:1}.modal-body{padding:22px}.modal-foot{padding:16px 22px;border-top:3px solid var(--ink);display:flex;justify-content:flex-end;gap:8px;background:#fff}.drawer{position:fixed;inset:0 0 0 auto;width:min(720px,92vw);background:var(--paper);border-left:4px solid var(--ink);z-index:51;box-shadow:-10px 0 0 var(--yellow);display:flex;flex-direction:column}.drawer-body{padding:24px;overflow:auto;flex:1}.drawer-foot{padding:16px 22px;border-top:3px solid var(--ink);display:flex;justify-content:flex-end;gap:8px}.stars{font-size:32px;color:#ccc;letter-spacing:3px}.stars button{border:0;background:transparent;color:inherit;padding:0;text-shadow:2px 2px 0 var(--ink)}.stars .filled{color:var(--yellow)}.toast{position:fixed;right:28px;bottom:28px;z-index:80;background:var(--yellow);border:3px solid var(--ink);color:var(--ink);padding:12px 18px;box-shadow:5px 5px 0 var(--ink);font-weight:900;transform:rotate(-1deg)}
@media(max-width:1000px){.sidebar{width:78px}.side-title b,.nav button{font-size:0}.nav button span{font-size:18px}.side-account{display:none}.main{margin-left:78px}.create-layout,.detail-grid{grid-template-columns:1fr}.step-nav{display:flex;gap:15px}.step-nav div{padding:0}.step-nav div:after{display:none}.task-bottom{grid-template-columns:120px 1fr 1fr 120px}.task-bottom>*:last-child{display:none}.detail-grid>.timeline{grid-row:2}.two-col{grid-template-columns:1fr}}
@media(max-width:720px){.canvas{padding:18px 14px 50px}.topbar{padding:0 15px}.filters{grid-template-columns:1fr}.task-bottom{grid-template-columns:1fr 1fr}.summary-meta{flex-wrap:wrap}.metrics,.content-metrics{grid-template-columns:1fr 1fr}.choice-row,.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.tier-row,.rank-row{grid-template-columns:1fr 1fr}.detail-tabs{overflow:auto;white-space:nowrap}.table{min-width:760px}.table-wrap{overflow:auto}.data-head{grid-template-columns:1fr}.thumb{height:130px}.page-head h1{font-size:27px}.sticky-actions{align-items:flex-start;gap:12px}.sticky-actions .right{flex-wrap:wrap;justify-content:flex-end}}

/* Refined black, white and green visual theme. Layout and interactions stay unchanged. */
:root{--ink:#111814;--paper:#f7faf8;--cream:#eef4f0;--yellow:#ccebd7;--pink:#159957;--cyan:#e4f3e9;--blue:#087c43;--purple:#176b42;--green:#26a866;--red:#a52b2b;--muted:#66736b;--line:#1b2820;--white:#fff;--shadow:0 5px 18px rgba(17,24,20,.08)}
html,body{background:#f4f7f5;background-image:none;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #26a866}
.sidebar{background:#10291d;border-right:1px solid #233d30}
.sidebar:before,.sidebar:after{display:none}
.side-title{color:#fff;font-family:inherit;text-transform:none}
.side-title i{background:#29a968;color:#fff;border:0;border-radius:10px;box-shadow:none;transform:none}
.nav button{color:#bcd0c4;border:0;border-radius:8px}
.nav button:hover{transform:none;background:#193a29;border:0;color:#fff}
.nav button.active{background:#2aaa68;color:#fff;border:0;box-shadow:none;transform:none}
.side-account{background:#193a29;color:#fff;border:1px solid #315440;border-radius:8px;box-shadow:none}
.side-account small{color:#9eb4a7}
.topbar{background:rgba(255,255,255,.96);border-bottom:1px solid #dbe5de}
.crumb strong,.page-head h1,.task-title,.section h3,.summary-line h2,.timeline h3,.modal-head h3{font-family:inherit;letter-spacing:0;text-transform:none}
.top-actions button{background:#fff!important;color:#1a2c21!important;border:1px solid #cedbd3;box-shadow:none}
.top-actions button:hover{background:#edf6f0!important;border-color:#20935a}
.canvas{background:transparent}
.page-head h1{background:none;font-weight:800}
.btn{border:1px solid #bdcec3;border-radius:7px;box-shadow:none;background:#fff}
.btn:hover:not(:disabled){transform:none;box-shadow:none;border-color:#23965b;background:#f1f8f4}
.btn.primary{background:#168e51;color:#fff;border-color:#168e51}
.btn.primary:hover:not(:disabled){background:#0e7541;color:#fff}
.btn.outline{background:#fff}
.btn.text{color:#087c43}
.btn.danger{background:#fff;border-color:#c95e5e;color:#9f2929;box-shadow:none}
.tabs{gap:4px;border-bottom:1px solid #d9e4dd}
.tabs button{border:0;border-radius:0;background:transparent;box-shadow:none;transform:none;padding:9px 15px;color:#657269}
.tabs button:nth-child(even){transform:none}
.tabs button.active{background:transparent;color:#087c43;transform:none;border-bottom:3px solid #149457}
.count{background:#dff2e7;color:#087c43;border:0;border-radius:10px}
.field,.input,.select,.textarea{border:1px solid #cbd8d0;border-radius:7px;box-shadow:none}
.field:focus,.input:focus,.select:focus,.textarea:focus{border-color:#179457}
.task-list{gap:12px}
.task-card,.panel{border:1px solid #d5e0d9;border-radius:10px;box-shadow:var(--shadow)}
.task-card{overflow:visible}
.task-card:before{display:none}
.task-top{border-bottom:1px solid #e0e8e3}
.tag{background:#f1f5f2;border:1px solid #cbd8d0;border-radius:4px}
.tag.type{background:#e0f3e8;color:#087b43;border:1px solid #b5dfc7;border-radius:12px}
.avatar,.avatars .avatar:first-child{background:#e4f3e9;color:#087c43;border:1px solid #94c7aa;box-shadow:none}
.reward{color:#087c43;text-shadow:none}
.stage,.stage.completed{background:#e0f3e8;color:#087c43;border:1px solid #b5dfc7;border-radius:4px;transform:none}
.pages button{border:1px solid #cad7cf;box-shadow:none;border-radius:5px}
.pages button.active{background:#168e51;color:#fff;border-color:#168e51}
.step-nav{background:#f2f7f4;transform:none}
.step-nav i{border:1px solid #98afa1;box-shadow:none}
.step-nav div:not(:last-child):after{background:#b8c9be;width:2px}
.step-nav .current i,.step-nav .done i{background:#168e51;color:#fff;border-color:#168e51}
.section:nth-child(even){background:#fff}
.section h3{background:none;border-left:4px solid #159957;padding-left:10px}
.choice{border:1px solid #c8d6cd;border-radius:7px;box-shadow:none}
.choice:hover{background:#f2f8f4}
.choice.selected{background:#e4f4ea;border-color:#168e51;transform:none;box-shadow:0 0 0 1px #168e51}
.choice:before{border:1px solid #819a8a}
.choice.selected:before{background:#168e51;box-shadow:inset 0 0 0 3px #fff;border-color:#168e51}
.suffix{border:1px solid #cbd8d0;border-left:0;background:#f2f6f3}
.segmented{border:1px solid #c7d5cc;box-shadow:none;border-radius:7px}
.segmented button.active{background:#daf0e3;color:#087c43;border-radius:5px}
.add-row{border:1px dashed #7ca08a;background:#f6faf7;color:#087c43}
.add-row:hover{background:#e4f3e9}
.formula{background:#173d29;color:#fff;border:0;border-radius:7px;box-shadow:none;transform:none}
.cycle-card,.cycle-card:nth-child(odd){border:1px solid #cedbd3;background:#f7faf8;box-shadow:none;transform:none;border-radius:8px}
.quick button{border:1px solid #c4d3ca;background:#fff}
.quick button.active{background:#168e51;color:#fff;border-color:#168e51}
.upload{border:1px dashed #79a087;background:#f0f8f3;color:#176b42}
.file{border:1px solid #d0ddd5;box-shadow:none;border-radius:7px}
.sticky-actions{background:#fff;border:1px solid #d4e0d8;box-shadow:0 -5px 18px rgba(17,24,20,.06);border-radius:8px}
.back{border:1px solid #c8d5cd;box-shadow:none;border-radius:6px}
.summary{background:#fff}
.requirements{border-top:1px solid #dce6df}
.timeline{background:#f0f7f3;transform:none}
.timeline-item:before{border:1px solid #7e9a88;box-shadow:none}
.timeline-item:after{background:#a9bdb0;width:2px}
.timeline-item.active:before,.timeline-item.done:before{background:#168e51;color:#fff;border-color:#168e51}
.metrics{background:#173d29;border-radius:10px}
.metric,.metric:nth-child(even){background:#fff;border:0;border-radius:7px;box-shadow:none;transform:none}
.metric b{font-family:inherit}
.detail-tabs{background:#f6f9f7;border-bottom:1px solid #d5e0d9}
.rule-card{background:#eff7f2;border:1px solid #bcd4c5;box-shadow:none;transform:none;border-radius:7px}
.subtabs button{border:1px solid #cbd8d0;box-shadow:none;border-radius:5px}
.subtabs button.active{background:#168e51;color:#fff;border-color:#168e51;transform:none}
.switch{border:1px solid #73877a;border-radius:12px}
.switch i{border:0;border-radius:50%;box-shadow:0 1px 2px rgba(0,0,0,.2)}
.switch.on{background:#168e51;border-color:#168e51}
.table th{background:#173d29;border-right:1px solid #355944}
.table td{border-bottom:1px solid #dbe5de}
.table tbody tr:nth-child(even){background:#f5f9f6}
.action-links button{background:#e5f3ea;color:#087c43;border:0;border-radius:4px}
.action-links button.red{background:#f7eaea;color:#972f2f}
.data-card,.data-card:nth-child(even){border:1px solid #d1ded6;box-shadow:var(--shadow);transform:none;border-radius:9px}
.thumb{background:#dff2e7;color:#087c43;border:1px solid #a8d4ba;box-shadow:none;border-radius:7px}
.medal{background:#daf0e3;color:#087c43;border:1px solid #a3cdb4;box-shadow:none}
.paybar{background:#173d29;color:#fff;border:0;box-shadow:none;transform:none;border-radius:8px}
.paybar strong{font-family:inherit}
.not-ready{background:#f4f8f5}
.overlay{background:rgba(9,22,14,.65);background-image:none}
.modal{background:#fff;border:1px solid #b9cbbf;border-radius:10px;box-shadow:0 24px 60px rgba(7,24,14,.25);transform:none}
.modal-head{background:#f0f7f3;border-bottom:1px solid #d3dfd7}
.close{border:1px solid #b8c9be;background:#fff;border-radius:6px}
.modal-foot{border-top:1px solid #d8e3dc}
.drawer{background:#fff;border-left:1px solid #b9cbbf;box-shadow:-18px 0 50px rgba(7,24,14,.15)}
.drawer-foot{border-top:1px solid #d6e1da}
.stars{color:#c5d1c9}
.stars button{text-shadow:none}
.stars .filled{color:#168e51}
.toast{background:#173d29;color:#fff;border:0;border-radius:7px;box-shadow:0 8px 24px rgba(7,24,14,.22);transform:none}

/* Black-white-green comic edition, with restrained yellow accents. */
:root{--yellow:#f4d74e;--shadow:5px 5px 0 #14251b}
html,body{background-color:#f8faf8;background-image:radial-gradient(circle at 1px 1px,rgba(17,24,20,.1) 1px,transparent 1.2px);background-size:20px 20px}
.sidebar{border-right:3px solid var(--ink)}
.side-title i{border:2px solid #fff;box-shadow:3px 3px 0 #050a07;transform:rotate(-5deg)}
.nav button.active{border:2px solid #050a07;box-shadow:3px 3px 0 #050a07;transform:rotate(-1deg)}
.side-account{border:2px solid #87b49a;box-shadow:3px 3px 0 #050a07}
.topbar{border-bottom:2px solid var(--ink)}
.top-actions button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.top-actions button:nth-child(2){background:var(--yellow)!important}
.page-head h1{background:linear-gradient(transparent 66%,var(--yellow) 66%);font-weight:900}
.btn{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);font-weight:900}
.btn:hover:not(:disabled){transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn.primary{border-color:var(--ink);box-shadow:3px 3px 0 var(--ink)}
.btn.primary:hover:not(:disabled){border-color:var(--ink);box-shadow:1px 1px 0 var(--ink)}
.btn.text{border:0;box-shadow:none}
.btn.danger{border:2px solid #9f2929;box-shadow:3px 3px 0 #9f2929}
.tabs button{font-weight:900}
.tabs button.active{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);border-bottom:3px solid var(--ink);box-shadow:2px 2px 0 var(--ink);transform:rotate(-1deg)}
.count{background:#fff;border:1px solid var(--ink)}
.field,.input,.select,.textarea{border:2px solid var(--ink);box-shadow:2px 2px 0 rgba(17,24,20,.16)}
.task-card,.panel{border:2px solid var(--ink);box-shadow:var(--shadow)}
.task-card{overflow:hidden}
.task-card:before{display:block;width:72px;height:72px;right:-39px;top:-42px;border:2px solid var(--ink);background:#27a867;transform:rotate(22deg)}
.task-top{border-bottom:2px dashed var(--ink)}
.tag{border:1px solid var(--ink);font-weight:900}
.tag.type{border:2px solid var(--ink)}
.avatar,.avatars .avatar:first-child{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.stage,.stage.completed{border:2px solid var(--ink);font-weight:900;transform:rotate(-1deg)}
.pages button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.step-nav{background:#eff8f2;transform:rotate(-.35deg)}
.step-nav i{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.section h3{border-left:0;padding-left:0;background:linear-gradient(transparent 60%,var(--yellow) 60%);font-weight:900}
.choice{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.choice.selected{background:#dff2e7;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(-.6deg)}
.segmented{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.add-row{border:2px dashed var(--ink)}
.formula{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-.25deg)}
.cycle-card,.cycle-card:nth-child(odd){border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.cycle-card:nth-child(odd){background:#edf7f0;transform:rotate(-.15deg)}
.quick button{border:2px solid var(--ink)}
.quick button.active{background:var(--yellow);color:var(--ink);border-color:var(--ink)}
.upload{border:2px dashed var(--ink);background:#fffbe5;color:var(--ink)}
.file{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.sticky-actions{border:2px solid var(--ink);box-shadow:0 -5px 0 var(--yellow)}
.back{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.summary{background:#fffbe5}
.requirements{border-top:2px dashed var(--ink)}
.timeline{border:2px solid var(--ink);background:#daf0e3;box-shadow:4px 4px 0 var(--ink);transform:rotate(.35deg)}
.timeline-item:before{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.timeline-item:after{background:var(--ink)}
.metrics{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}
.metric,.metric:nth-child(even){border:2px solid var(--ink);box-shadow:2px 2px 0 #050a07;transform:rotate(-.3deg)}
.metric:nth-child(even){background:#fffbe5;transform:rotate(.3deg)}
.detail-tabs{border-bottom:2px solid var(--ink)}
.rule-card{background:#fffbe5;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);transform:rotate(.35deg)}
.subtabs button{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.subtabs button.active{border-color:var(--ink);transform:translateY(-2px)}
.table th{border-right:1px solid #fff}
.table td{border-bottom:2px solid var(--ink)}
.action-links button{border-bottom:2px solid var(--ink);border-radius:2px}
.data-card,.data-card:nth-child(even){border:2px solid var(--ink);box-shadow:var(--shadow);transform:rotate(-.08deg)}
.data-card:nth-child(even){transform:rotate(.08deg)}
.thumb{border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink)}
.medal{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.paybar{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-.15deg)}
.not-ready{background-image:radial-gradient(circle at 1px 1px,rgba(17,24,20,.09) 1px,transparent 1.2px);background-size:14px 14px}
.overlay{background-color:rgba(9,22,14,.72);background-image:radial-gradient(circle,rgba(255,255,255,.14) 1px,transparent 1.5px);background-size:14px 14px}
.modal{border:3px solid var(--ink);box-shadow:8px 8px 0 #168e51;transform:rotate(-.25deg)}
.modal-head{background:#fffbe5;border-bottom:2px solid var(--ink)}
.close{border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink)}
.drawer{border-left:3px solid var(--ink);box-shadow:-8px 0 0 #168e51}
.stars .filled{color:var(--yellow);text-shadow:1px 1px 0 var(--ink)}
.toast{background:var(--yellow);color:var(--ink);border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);transform:rotate(-.6deg)}

.platform-choice-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.platform-choice{display:flex;align-items:center;gap:9px;min-width:0;min-height:54px;padding:10px 12px}
.platform-choice:before{flex:0 0 auto;margin-right:0}
.platform-choice span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.platform-logo{flex:0 0 auto;width:24px;height:24px;color:var(--ink)}
.platform-twitter .platform-logo{color:#1d9bf0}
.platform-instagram .platform-logo{color:#e4405f}
.platform-xiaohongshu .platform-logo{color:#ff2442}
.platform-douyin .platform-logo,.platform-tiktok .platform-logo{color:#111;filter:drop-shadow(-1px 0 #25f4ee) drop-shadow(1px 0 #fe2c55)}
.platform-tag{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;padding-inline:6px}
.platform-tag .platform-logo{width:14px;height:14px}
@media(max-width:920px){.platform-choice-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.platform-choice-row{grid-template-columns:1fr}}

.create-layout.create-layout-long{display:block;max-width:1000px;margin-inline:auto}
.create-long-form{gap:40px}
.create-block{display:grid;gap:16px}
.create-block-content{display:grid;gap:16px}
.create-block-head{display:flex;align-items:center;gap:16px;padding:18px 20px;background:var(--ink);color:#fff;border:2px solid var(--ink);border-radius:7px;box-shadow:5px 5px 0 var(--yellow)}
.create-block-head h2{margin:0;font-size:23px;line-height:1.2}
.create-block-head p{margin:5px 0 0;color:#cfe4d7;font-size:13px;font-weight:700}
.create-block-index{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;border:2px solid #fff;border-radius:50%;background:var(--yellow);color:var(--ink);font-weight:900;box-shadow:2px 2px 0 #fff}
.create-layout-long .sticky-actions{margin-block-start:26px}
@media(max-width:720px){.create-long-form{gap:32px}.create-block-head{align-items:flex-start;padding:15px}.create-block-index{flex-basis:38px;width:38px;height:38px}.create-block-head h2{font-size:20px}}