@charset "UTF-8";
:root{--blue:#4165e8;--blue-dark:#2d4eca;--ink:#20304b;--muted:#6b778e;--line:#e5eaf2;--surface:#fff;--bg:#f4f7fc;--radius:22px;--shadow:0 8px 35px #2337600b;--de:#d45866;--zhi:#486dde;--ti:#269b7c;--mei:#a266c6;--lao:#b07b1f;color-scheme:light;font-family:system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;color:var(--ink);background:var(--bg)}
*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible{outline:3px solid #f6b947;outline-offset:3px}a{color:var(--blue);text-decoration:none}img{max-width:100%}svg.icon{width:22px;height:22px;flex:none;vertical-align:middle}button{border:0;background:none;color:inherit}h1,h2,h3,p{margin:0}h1{font-size:30px;letter-spacing:-.6px;line-height:1.45}h2{font-size:22px;line-height:1.5}h3{font-size:18px;line-height:1.5}.muted{color:var(--muted)}.small{font-size:14px}.hidden{display:none!important}.grow{flex:1;min-width:0}.row{display:flex;align-items:center;gap:12px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:flex;flex-direction:column;gap:16px}.spacer{height:22px}.boot{min-height:85vh;display:grid;place-content:center;justify-items:center;gap:15px;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid #d8e2ff;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 19px;border-radius:13px;font-weight:650;line-height:1.4;white-space:normal}.primary{background:var(--blue);color:#fff;box-shadow:0 5px 13px #4165e81b}.primary:hover{background:var(--blue-dark)}.secondary{background:#edf2ff;color:#3858ce}.outline{border:1px solid var(--line);background:white}.danger{color:#c9464c;background:#fff0f0}.quiet{color:var(--muted);background:transparent}.full{width:100%}.icon-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;flex:none}.icon-btn:hover{background:#edf1f9}.badge{font-size:13px;line-height:1.4;padding:5px 9px;border-radius:7px;background:#eef2f9;color:#67758c;font-weight:500}.error{background:#fff0f0;border:1px solid #f6d9d9;border-radius:12px;padding:12px;color:#b73d46;font-size:14px;line-height:1.7}.notice{background:#f0f5ff;border:1px solid #e0e8fa;border-radius:12px;padding:12px 15px;font-size:14px;line-height:1.8;color:#526886}.success{background:#ecfaf3;color:#277d5d}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{font-size:14px;font-weight:650}.field input,.field select,input.input,select.input,textarea{width:100%;border:1px solid #dce3ef;border-radius:12px;padding:12px 14px;background:#fff;outline:none;min-height:46px;color:var(--ink)}.field input:focus,.field select:focus,textarea:focus,input.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #4165e812}.field-hint{font-size:13px;color:var(--muted);font-weight:400;line-height:1.6}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid>.span2{grid-column:1/-1}textarea{resize:vertical;line-height:1.85;min-height:140px;display:block}.check{display:flex;align-items:center;gap:9px;font-size:14px;line-height:1.7}.check input{accent-color:var(--blue);width:18px;height:18px;flex:none}
.sidebar{width:238px;position:fixed;inset:0 auto 0 0;background:white;border-right:1px solid var(--line);padding:32px 22px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:780;letter-spacing:.3px}.brand img{height:39px;width:39px}.sidebar-nav{margin-top:52px;display:flex;flex-direction:column;gap:8px}.nav-item{display:flex;align-items:center;gap:14px;padding:15px 17px;border-radius:14px;font-weight:620;text-align:left;min-height:52px;color:#6a7890}.nav-item:hover{background:#f7f9fe}.nav-item.active{background:#ecf1ff;color:var(--blue)}.nav-item.record-nav{background:var(--blue);color:white;margin:8px 0;box-shadow:0 5px 16px #4165e819}.side-bottom{margin-top:auto;border-top:1px solid var(--line);padding-top:22px}.profile-initial{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#edf1fb;color:#60749d;font-weight:700;font-size:17px;flex:none}.main{margin-left:238px;padding:36px 44px 70px;max-width:1470px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:40px}.child-picker{display:flex;align-items:center;gap:13px;max-width:100%;padding:0;text-align:left}.child-avatar{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:18px;background:#fff0c9;font-size:27px;border:2px solid white;box-shadow:0 3px 10px #78581a0c}.child-picker .name{font-weight:750;font-size:18px}.child-picker .sub{margin-top:3px;font-size:13px;color:var(--muted)}.page-head{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:26px}.page-head p{color:var(--muted);margin-top:8px;font-size:15px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;color:#8190a8;margin-bottom:8px}.five-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 28px}.five-card{border:1px solid #e7ecf4;border-radius:20px;min-height:145px;padding:21px 19px;text-align:left;background:white;position:relative;transition:transform .15s,border .15s,box-shadow .15s}.five-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.five-card.active{border:2px solid var(--tag);padding:20px 18px;box-shadow:0 4px 16px color-mix(in srgb,var(--tag),transparent 90%)}.tag-de{--tag:var(--de);--tint:#fff0f1}.tag-zhi{--tag:var(--zhi);--tint:#eef2ff}.tag-ti{--tag:var(--ti);--tint:#eaf8f3}.tag-mei{--tag:var(--mei);--tint:#f7effb}.tag-lao{--tag:var(--lao);--tint:#fff7e5}.five-letter{display:grid;place-items:center;width:47px;height:47px;background:var(--tint);color:var(--tag);border-radius:15px;font-size:24px;font-weight:650;margin-bottom:13px}.five-card .count{float:right;font-size:14px;color:var(--muted);font-weight:450;line-height:24px}.five-card .label{font-size:15px;font-weight:650}.timeline-head{display:flex;align-items:center;gap:12px;justify-content:space-between;margin:28px 0 18px}.filter-pills{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.pill{font-size:14px;border:1px solid var(--line);border-radius:10px;background:#fff;padding:9px 13px;min-height:38px}.pill.selected{color:var(--blue);border-color:#cbd7ff;background:#edf2ff}.month-filter{min-height:40px;padding:7px 9px;border-radius:10px;border:1px solid var(--line);background:white;color:var(--muted);max-width:150px}.record-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start}.record-card{background:white;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);cursor:pointer;transition:border-color .15s}.record-card:hover{border-color:#bcccf4}.record-body{padding:21px}.record-top{display:flex;align-items:center;gap:10px;margin-bottom:14px}.record-top .profile-initial{width:34px;height:34px;font-size:14px}.author{font-size:14px;font-weight:650}.record-date{font-size:12px;color:#8994a7;margin-top:3px}.record-content{font-size:16px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}.record-content.clamp{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.record-media{display:grid;gap:6px;margin-top:15px;overflow:hidden;border-radius:13px}.record-media.multi{grid-template-columns:repeat(2,minmax(0,1fr))}.record-media img{width:100%;height:220px;object-fit:cover;display:block;background:#f0f3f7}.record-media.multi img{height:150px}.record-tags{display:flex;gap:6px;flex-wrap:wrap;margin-top:17px}.tag{font-size:12px;border-radius:7px;color:var(--tag);background:var(--tint);padding:5px 8px;line-height:1.3}.record-card audio,.record-card video,.detail-media audio,.detail-media video{width:100%;display:block;max-height:360px;margin-top:14px;border-radius:12px}.record-card video{background:#202b42}.audio-caption{color:var(--muted);font-size:13px;display:flex;align-items:center;gap:7px;margin-top:15px}.empty{background:white;border:1px dashed #cbd6e9;border-radius:24px;padding:52px 24px;text-align:center;grid-column:1/-1}.empty-symbol{width:68px;height:68px;border-radius:22px;display:grid;place-items:center;margin:0 auto 19px;background:#eff3ff;color:#6782de}.empty-symbol svg{width:31px;height:31px}.empty p{color:var(--muted);font-size:15px;line-height:1.85;margin:9px auto 22px;max-width:350px}.draft-banner{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff7e4;border:1px solid #f4e4b3;border-radius:16px;padding:14px 18px;margin-bottom:20px;font-size:14px;color:#8a6723}.load-more{display:flex;justify-content:center;margin-top:25px}.bottom-nav{display:none}.toast{position:fixed;left:50%;bottom:35px;transform:translate(-50%,15px);background:#243650;color:white;padding:13px 20px;border-radius:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:300;max-width:90vw;font-size:14px;line-height:1.65;box-shadow:0 8px 30px #1b2b442a}.toast.visible{opacity:1;transform:translate(-50%,0)}
dialog{border:0;border-radius:25px;padding:0;max-width:min(680px,calc(100vw - 36px));width:640px;max-height:92svh;box-shadow:0 20px 120px #0d1c4538;color:var(--ink);background:white}dialog::backdrop{background:#1b2a465c;backdrop-filter:blur(4px)}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 26px;border-bottom:1px solid var(--line);position:sticky;top:0;background:white;z-index:2}.modal-content{padding:24px 26px;overflow-y:auto}.modal-footer{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:18px 26px;border-top:1px solid var(--line);position:sticky;bottom:0;background:white;z-index:2}.composer-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:18px}.tool{min-height:78px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;border-radius:15px;border:1px solid var(--line);font-size:14px;background:#fafbfe}.tool:hover{border-color:#b8c8f5;background:#eff4ff}.tool svg{color:var(--blue);width:24px;height:24px}.composer-text{border:0;background:#f7f9fd;min-height:138px;font-size:17px}.tag-choices{display:flex;gap:8px;flex-wrap:wrap}.tag-choice{border:1px solid var(--line);border-radius:10px;padding:9px 14px;min-height:42px;font-size:14px;background:white}.tag-choice.selected{color:var(--tag);border-color:var(--tag);background:var(--tint)}.attachments{display:grid;gap:10px;margin-top:16px}.attachment{position:relative;border:1px solid var(--line);border-radius:14px;padding:10px;display:flex;align-items:center;gap:11px;background:#fafbfe}.attachment img{width:64px;height:64px;object-fit:cover;border-radius:9px}.attachment audio{width:100%;min-width:0}.attachment .file-name{font-size:13px;overflow-wrap:anywhere}.attachment .file-meta{font-size:12px;color:var(--muted);margin-top:5px}.attachment .icon-btn{margin-left:auto;flex:none}.recording-box{padding:20px;border-radius:16px;background:#fff0f1;text-align:center;border:1px solid #f4d6d9}.recording-clock{font-size:30px;font-variant-numeric:tabular-nums;color:#c44756;font-weight:700;margin:9px 0 13px}.mic-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#d65061;margin-right:8px;animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.35}}details{font-size:14px;color:var(--muted)}details summary{cursor:pointer;padding:12px 0;list-style:none}details summary::after{content:'＋';float:right}details[open] summary::after{content:'−'}.upload-progress{width:100%;height:5px;border:0;border-radius:5px;accent-color:var(--blue);margin-top:9px}.detail-media img{max-width:100%;max-height:600px;display:block;border-radius:14px;margin:12px auto}.detail-media .download-link{font-size:13px;display:inline-flex;margin:5px 0 12px}.detail-meta{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:20px}.modal-form{display:flex;flex-direction:column;gap:17px}.section-card{background:white;border:1px solid var(--line);border-radius:22px;padding:25px;margin-bottom:20px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}.settings-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;align-items:start}.settings-grid .section-card{margin-bottom:20px}.member{display:flex;align-items:center;gap:11px;padding:13px 0;border-top:1px solid #f0f2f7}.member:first-child{border-top:0}.member-title{font-size:15px;font-weight:620}.member-sub{font-size:13px;color:var(--muted);margin-top:4px}.settings-action{display:flex;align-items:center;gap:13px;width:100%;padding:15px 0;text-align:left;border-bottom:1px solid #f0f2f7}.settings-action:last-child{border-bottom:0}.settings-action>.icon{color:#7485a4}.avatar-choices{display:flex;gap:9px;flex-wrap:wrap}.avatar-option{border:2px solid transparent;background:#f6f8fc;border-radius:14px;padding:9px;font-size:25px;width:52px;height:52px}.avatar-option.selected{border-color:var(--blue);background:#edf2ff}.child-option{display:flex;align-items:center;gap:13px;width:100%;padding:15px;border-radius:15px;text-align:left}.child-option:hover{background:#f3f6ff}.invite-result{overflow-wrap:anywhere}.invite-link{font-size:14px!important;background:#f7f9fd!important}.save-caption{font-size:12px;color:var(--muted);max-width:55%;line-height:1.5}
.auth-page{min-height:100svh;display:grid;place-items:center;padding:35px 20px;background:radial-gradient(ellipse at 15% 20%,#e4ecff 0,transparent 45%),radial-gradient(ellipse at 90% 85%,#e8f7f4 0,transparent 42%),#f7f9ff}.auth-box{width:min(460px,100%);background:white;border:1px solid #e2e8f4;border-radius:27px;padding:34px;box-shadow:0 20px 90px #2c46720b}.auth-box .brand{margin-bottom:30px}.auth-box h1{font-size:26px;margin-bottom:9px}.auth-box>.muted{font-size:14px;line-height:1.8;margin-bottom:26px}.auth-form{display:flex;flex-direction:column;gap:17px}.auth-five{display:flex;gap:8px;margin-top:25px;justify-content:center}.auth-five span{width:37px;height:37px;display:grid;place-items:center;border-radius:11px;background:var(--tint);color:var(--tag);font-weight:650}.auth-bottom{text-align:center;margin-top:22px;font-size:14px;color:var(--muted);line-height:1.9}.auth-box .error{margin-bottom:16px}
@media(min-width:1500px){.main{margin-left:260px;padding-left:70px}.sidebar{width:260px}}
@media(max-width:1100px){.sidebar{width:190px;padding:28px 15px}.main{margin-left:190px;padding:28px}.five-grid{gap:10px}.five-card{padding:16px 12px;min-height:132px}.five-card.active{padding:15px 11px}.settings-grid{grid-template-columns:1fr}.five-card .count{float:none;display:block;margin-top:7px}.five-letter{width:41px;height:41px;margin-bottom:10px}}
@media(max-width:760px){.sidebar{display:none}.main{margin:0;padding:21px 17px 118px;max-width:none}.topbar{margin-bottom:26px}.topbar .desktop-only{display:none}.child-avatar{width:47px;height:47px;border-radius:16px;font-size:25px}.child-picker .name{font-size:17px}.topbar-brand{color:var(--blue);font-size:14px;font-weight:650;display:flex;align-items:center;gap:6px}.topbar-brand img{width:25px;height:25px}.page-head{margin-bottom:20px}.page-head h1{font-size:25px}.page-head p{font-size:14px;margin-top:5px}.page-head .btn{padding:10px 13px;min-height:42px;font-size:14px}.five-grid{gap:7px;margin-bottom:23px}.five-card{min-height:112px;border-radius:16px;padding:13px 6px;text-align:center}.five-card.active{padding:12px 5px}.five-letter{margin:0 auto 9px;width:35px;height:35px;border-radius:12px;font-size:21px}.five-card .label{font-size:13px}.five-card .count{font-size:12px;margin-top:3px;line-height:18px}.record-grid{grid-template-columns:1fr;gap:15px}.record-body{padding:19px}.record-media img{height:250px}.timeline-head{align-items:center;margin-top:22px;gap:8px}.filter-pills{gap:5px}.pill{padding:8px 10px;font-size:13px}.month-filter{font-size:13px;max-width:135px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;justify-content:space-around;align-items:center;height:calc(72px + env(safe-area-inset-bottom));padding:4px 12px env(safe-area-inset-bottom);background:#ffffffed;backdrop-filter:blur(18px);border-top:1px solid var(--line);z-index:25}.bottom-item{width:86px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:12px;color:#7e8ba2;min-height:60px;justify-content:center}.bottom-item.active{color:var(--blue);font-weight:650}.bottom-add{background:var(--blue);width:43px;height:37px;border-radius:12px;display:grid;place-items:center;color:white}.toast{bottom:100px}.section-card{padding:20px}.settings-grid{display:block}.modal-head{padding:18px 20px}.modal-content{padding:20px}.modal-footer{padding:15px 20px calc(15px + env(safe-area-inset-bottom))}dialog{max-width:100vw;width:100vw;border-radius:24px 24px 0 0;max-height:96svh;margin:auto 0 0}.composer-tools{gap:7px}.tool{min-height:73px;font-size:14px}.composer-text{font-size:16px}.form-grid{grid-template-columns:1fr}.form-grid>.span2{grid-column:auto}.auth-box{padding:27px 23px}.auth-page{padding:20px 16px}.auth-box .brand{margin-bottom:25px}.auth-box h1{font-size:24px}.empty{padding:40px 20px}.draft-banner{padding:12px;font-size:13px}.record-date{font-size:12px}.save-caption{max-width:49%}}
@media(min-width:761px){.topbar-brand{display:none}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
.child-picker{min-width:0}.child-picker .name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-brand{flex-shrink:0}
@media(max-width:760px){.desktop-only{display:none!important}.topbar{gap:12px}.child-picker{gap:9px}.tag-choice{min-width:52px}.modal-head h2{font-size:20px}}

.demo-notice{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:-12px 0 25px;padding:10px 13px;border:1px solid #d7e3ff;border-radius:13px;background:#edf3ff;color:#506486;font-size:13px}.demo-notice .btn{font-size:13px;min-height:36px;padding:7px 10px}.page-head .eyebrow{letter-spacing:1px}@media(max-width:760px){.demo-notice{margin:-8px 0 20px;font-size:12px}}
/* Storybook theme: bright sticker colours, soft paper and playful chunky controls. */
:root{--blue:#815bd5;--blue-dark:#6842bc;--ink:#3b3659;--bg:#f7f8ff;--line:#e9e3f4;--shadow:0 7px 0 #ece7f64d;--radius:25px;--de:#e76d83;--zhi:#637bea;--ti:#26a58c;--mei:#a170d2;--lao:#ce8725;font-family:ui-rounded,"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
body{background-color:var(--bg);background-image:radial-gradient(#dcd7ee 1px,transparent 1px);background-size:22px 22px}.sidebar{border-right:2px solid #e9e3f4;background:#fffcff}.brand{color:#63499b}.brand img{transform:rotate(-7deg)}.nav-item.record-nav,.primary{box-shadow:0 4px 0 #6340ad}.nav-item.record-nav:active,.primary:active{transform:translateY(2px);box-shadow:0 2px 0 #6340ad}.nav-item.active{background:#f0e9ff;color:#7853c7}.nav-item.record-nav{color:white}.secondary{background:#efe8ff;color:#744ebe}.profile-initial{background:#f0eafa;color:#7957a5}.child-avatar{border-radius:19px 23px 17px 23px;background:#fff0b3;box-shadow:0 4px 0 #f2dfa0}.page-head h1{font-weight:850;font-size:29px}.heading-star{color:#e8a839;display:inline-block;transform:rotate(12deg)}.eyebrow{color:#ac7c28}.sticker-label{display:inline-flex;align-items:center;font-size:13px;font-weight:650;color:#987026;background:#fff0bf;border-radius:8px;padding:5px 10px}.demo-notice{background:#ffffffcb;border-style:dashed;border-color:#daceec;color:#786789}.growth-starboard{background:#fff;border:2px solid #e9e1f3;border-radius:28px;padding:23px 27px 16px;margin-bottom:26px;box-shadow:0 6px 0 #e9e1f35e}.starboard-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.starboard-heading h2{margin-top:9px;font-size:24px;font-weight:800}.chart-unit{font-size:13px;color:#847992;white-space:nowrap;padding:7px 11px;border-radius:11px;background:#f7f4fc}.starboard-content{display:flex;align-items:center;justify-content:space-around;gap:25px}.growth-radar{width:min(430px,58%);height:auto;display:block;overflow:visible}.starboard-notes{max-width:260px;flex:1}.story-count{font-size:43px;font-weight:850;color:#7c57c9;display:flex;align-items:baseline;gap:9px}.story-count small{font-size:15px;color:#766789;font-weight:600}.starboard-notes>p{font-size:17px;line-height:1.9;margin:8px 0;color:#756580}.mini-stickers{display:flex;gap:12px;margin:15px 0}.mini-stickers span{display:grid;place-items:center;width:41px;height:41px;border:2px solid white;box-shadow:0 2px 5px #39244412;border-radius:13px;background:#ffecbf;color:#b38727;font-size:23px;transform:rotate(-9deg)}.mini-stickers span:nth-child(2){background:#f1e7ff;color:#976bd0;transform:rotate(9deg)}.mini-stickers span:nth-child(3){background:#e2f5f1;color:#319b82;transform:rotate(-5deg)}.starboard-notes .chart-note{font-size:13px;line-height:1.8;color:#91869b;margin-top:18px}.five-card{border:2px solid color-mix(in srgb,var(--tag),white 75%);background:linear-gradient(155deg,var(--tint),#fff 80%);border-radius:22px 25px 20px 25px;box-shadow:0 4px 0 color-mix(in srgb,var(--tag),transparent 90%);padding:20px 18px}.five-letter{border:2px solid #fff;box-shadow:0 3px 0 color-mix(in srgb,var(--tag),transparent 88%);transform:rotate(-5deg);font-weight:800}.five-card:nth-child(even) .five-letter{transform:rotate(5deg)}.five-card.active{outline:2px solid var(--tag);outline-offset:3px}.record-card{border:2px solid #eee8f7;box-shadow:0 5px 0 #eee8f780}.record-tags .tag{border-radius:8px;font-size:13px}.record-top .profile-initial{border-radius:12px;transform:rotate(-3deg)}.tool{border-width:2px;border-radius:17px;box-shadow:0 4px 0 #eee7f6;background:#fbf8ff}.tool:nth-child(2){background:#fff6da;border-color:#f5e6b6}.tool:nth-child(3){background:#ffedf2;border-color:#f6d6df}.tool:nth-child(4){background:#e9f7f1;border-color:#d1ebdf}.tool:nth-child(2) svg{color:#b88923}.tool:nth-child(3) svg{color:#d56686}.tool:nth-child(4) svg{color:#359778}.composer-text{background:#fbf9ff;border:1px dashed #ddd1ec}.bottom-add{background:var(--blue);box-shadow:0 3px 0 #62439c}.bottom-item.active{color:var(--blue)}.tag-choice.selected{border-width:2px}.admin-home{display:flex;align-items:center;gap:20px;background:#fff6d8;border:2px solid #f0dfa6;border-radius:25px;padding:24px;margin:0 0 25px}.admin-medal{font-size:38px;color:#bf8b24;background:#ffedab;width:70px;height:70px;display:grid;place-items:center;border-radius:23px;flex-shrink:0;transform:rotate(-7deg)}.admin-home h2{font-size:22px;margin-top:8px}.admin-home p{font-size:14px;color:#9b8050;line-height:1.8;margin-top:7px}.member .btn{font-size:13px;min-height:37px;padding:7px 12px}.section-card{border-width:2px;box-shadow:0 5px 0 #ece7f66b}
@media(max-width:760px){.page-head h1{font-size:24px}.growth-starboard{padding:17px 14px 15px;margin-bottom:22px;border-radius:25px}.starboard-heading h2{font-size:21px}.sticker-label{font-size:12px}.growth-radar{width:100%;max-width:350px;margin:0 auto}.starboard-content{display:block}.starboard-notes{max-width:none;text-align:center}.story-count{font-size:27px;justify-content:center;gap:7px}.story-count small{font-size:14px}.starboard-notes>p:not(.chart-note),.mini-stickers{display:none}.starboard-notes .chart-note{font-size:12px;margin:6px 0 0}.chart-note br{display:none}.five-card{padding:12px 5px;border-radius:18px 21px 17px 20px}.five-card.active{padding:12px 5px;outline-offset:1px}.five-letter{border-width:1px}.admin-home{padding:18px;gap:13px;flex-wrap:wrap}.admin-home .grow{flex-basis:calc(100% - 85px)}.admin-home h2{font-size:19px}.admin-home .btn{width:100%}.admin-medal{width:57px;height:57px;font-size:33px}.modal-head h2{font-size:20px}}