/* Cub's warm, character-led workspace. Assets are served locally. */
:root{--paper:#f8f6f2;--surface:#fffdf9;--ink:#302b38;--muted:#79747c;--line:#e9e4de;--plum:#44374f;--deep:#302738;--peach:#f6e4d8;--sage:#e6eddc;--lilac:#eee7f5}
html{scroll-behavior:smooth;scroll-padding-top:20px}body{background:var(--paper);color:var(--ink);font-family:'Avenir Next','Segoe UI',system-ui,sans-serif}p{color:var(--muted)}h1,h2,h3{font-weight:650;letter-spacing:-.045em}button{touch-action:manipulation}button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #b9794f;outline-offset:4px}.cub-shell{max-width:1800px;margin:auto;min-height:100vh;display:grid;grid-template-columns:222px minmax(0,1fr);padding:16px}.cub-sidebar{position:sticky;top:16px;height:calc(100dvh - 32px);min-height:670px;background:var(--deep);border-radius:27px;padding:30px 17px 18px;color:#f4edf5;display:flex;flex-direction:column;z-index:10}.brand{color:inherit;gap:9px;font-size:22px;line-height:1.2;letter-spacing:-.9px}.brand>span{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.brand small{font-size:9px;font-weight:400;letter-spacing:.2px;color:#bdb0c3}.workspace-chip{display:flex;align-items:center;gap:9px;margin:32px 2px;padding:12px 10px;background:#ffffff09;border:1px solid #ffffff12;border-radius:13px;font-size:11px}.workspace-chip>svg{width:17px;color:#c4b0cf}.workspace-chip>span:nth-child(2){flex:1;min-width:0;overflow-wrap:anywhere}.workspace-chip small{display:block;font-size:9px;color:#b5a8bc;margin-top:3px}.workspace-chip .dot{width:5px;height:5px;background:#adc297}.nav-label{font-size:9px;letter-spacing:1.7px;color:#9987a6;margin:0 14px 11px}.cub-navigation{display:flex;flex-direction:column;gap:7px}.nav-item{display:flex;flex-direction:row;justify-content:flex-start;min-height:46px;padding:12px 14px;gap:12px;background:transparent;border-radius:13px;color:#bfb1c8;font-size:12px;position:relative}.nav-item>svg{width:18px;height:18px;display:block}.nav-item:hover{background:#ffffff0b;color:white}.nav-item.active{background:#eee4ee;color:#48374f}.nav-count{margin-left:auto;background:#d7c0cb;color:#594051;font-size:10px;width:20px;height:20px;position:static}.sidebar-bottom{margin-top:auto;padding-top:42px}.sidebar-cub{position:relative;margin:34px 4px 15px;padding:53px 15px 15px;background:#53415c;border:1px solid #715d7a;border-radius:19px;text-align:center}.sidebar-bear{position:absolute;top:-63px;left:50%;transform:translateX(-50%);width:112px;height:112px;object-fit:contain}.tiny-pill{display:inline-flex;font-size:8px;font-weight:700;letter-spacing:1.2px;border:1px solid var(--line);padding:5px 9px;border-radius:20px;color:var(--muted);line-height:1.3}.sidebar-cub .tiny-pill{font-size:7px;color:#dcd1e4;border-color:#7b6684;margin:2px 0 10px}.sidebar-cub h3{font-size:21px;color:#faf3f6;line-height:1.2}.sidebar-cub p{font-size:9px;color:#c5b8cc;margin:8px -4px 13px}.sidebar-ask{display:flex;justify-content:center;gap:10px;align-items:center;width:100%;background:#f3e6dc;border-radius:10px;padding:10px;color:#513c4b;font-size:11px;font-weight:650}.sidebar-ask svg{width:14px;height:14px}.sidebar-ask:hover{background:#fff4e9}.sidebar-help{display:flex;width:100%;align-items:center;gap:9px;padding:12px 10px;background:transparent;color:#d0c1d9;font-size:11px}.sidebar-help svg{width:15px;height:15px}.sidebar-help>svg:last-child{margin-left:auto;width:12px}.sidebar-foot{display:flex;justify-content:space-between;color:#8e7c99;font-size:8px;margin:12px 7px 0}.sidebar-foot span{letter-spacing:1px}.cub-main{min-width:0}.cub-topbar{height:65px;display:flex;align-items:center;justify-content:space-between;padding:0 30px 0 36px}.breadcrumb{font-size:11px;color:#a19a9f;display:flex;align-items:center;gap:12px}.breadcrumb strong{font-weight:500;color:#716875}.breadcrumb>span{color:#cbc4c9}.topbar-right{gap:12px}.mode-badge{color:var(--muted);font-size:10px;background:var(--surface);padding:7px 11px;border-radius:20px;border:1px solid var(--line)}.dot{background:#91a87b}.theme-switch{border:1px solid var(--line);background:var(--surface);min-width:34px;min-height:34px;color:var(--muted)}.theme-switch svg{width:16px;height:16px}.profile-cub{padding:0;background:#f1e0d0;border-radius:12px;height:35px;width:35px;overflow:hidden}.mobile-brand{display:none}.content{padding:17px 30px 0 36px;max-width:1400px;margin:auto}.workspace-title{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:5px 0 25px}.eyebrow,.soft-label{font-size:9px;letter-spacing:1.6px;color:#9b8188;font-weight:650}.workspace-title h1{font-size:33px;letter-spacing:-1.3px;margin-top:8px;line-height:1.2}.workspace-title p{font-size:12px;margin-top:6px}.workspace-title .outline-btn{font-size:11px;min-height:39px;padding:10px 14px}.surface-card{border:1px solid var(--line);background:var(--surface);border-radius:24px;box-shadow:0 8px 30px #3a294006}.cub-hero{background:var(--peach);border-color:#eddbd0;min-height:352px;display:grid;grid-template-columns:1.12fr 1fr;position:relative;isolation:isolate;overflow:hidden}.hero-copy{position:relative;padding:32px 0 29px 34px;z-index:2}.hello-pill{display:inline-flex;align-items:center;gap:6px;background:#fffaf383;border:1px solid #fff7ed;border-radius:18px;padding:6px 10px;font-size:8px;letter-spacing:1.1px;font-weight:650;color:#91736c}.hello-pill svg{width:12px;height:12px}.hero-copy h2{font-size:47px;line-height:1.04;letter-spacing:-2.3px;margin:16px 0 14px}.hero-copy h2>span{color:#a26956;position:relative}.hero-copy h2>span:after{content:'';position:absolute;left:1px;right:-5px;height:5px;bottom:-1px;border-bottom:2px solid #c49472;border-radius:50%;transform:rotate(-4deg)}.hero-copy>p{font-size:11px;max-width:355px;color:#847370;line-height:1.75}.hero-copy .button-row{margin-top:20px;gap:20px}.primary-btn{background:var(--plum);color:#fff9fc;padding:12px 18px;border-radius:13px;min-height:43px;font-size:11px;box-shadow:0 3px 0 #30243716}.primary-btn:hover{background:#614d70;transform:translateY(-1px)}.outline-btn{background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:12px;font-size:11px}.outline-btn:hover{background:var(--lilac)}.hero-link{display:inline-flex;align-items:center;gap:5px;background:none;color:#7f655f;font-size:10px;padding:10px 0;font-weight:600}.hero-link svg{width:12px;height:12px}.hero-mode{display:flex;align-items:center;gap:5px;font-size:9px;color:#957c75;margin-top:18px;max-width:340px}.hero-mode svg{width:11px;height:11px}.hero-stage{position:relative;min-width:0;display:flex;align-items:flex-end;justify-content:center}.hero-bear{width:100%;height:94%;max-width:360px;max-height:370px;object-fit:contain;position:absolute;bottom:7px;right:16px;z-index:2;transform:rotateY(var(--card-x,0deg)) rotateX(var(--card-y,0deg));transition:transform .4s ease;filter:drop-shadow(0 11px 12px #875e3320)}.hero-orbit{position:absolute;border:1px solid #d5b9a66b;border-radius:50%;width:320px;height:320px;top:18px;right:21px;transform:rotate(-22deg)}.orbit-two{width:380px;height:225px;top:87px;right:-11px;transform:rotate(-30deg);border-style:dashed}.hero-spark{position:absolute;color:#a17964;font-size:31px;z-index:3}.spark-one{left:20px;top:100px;transform:rotate(15deg)}.spark-two{right:29px;bottom:70px}.cub-speech{position:absolute;top:26px;right:23px;transform:rotate(7deg);background:#fffaf3;border-radius:14px 14px 14px 3px;padding:10px 13px;box-shadow:0 4px 9px #906a4b0c;font-size:10px;line-height:1.5;color:#756152;z-index:4}.cub-speech span{display:block;font-weight:700}.mascot-label{position:absolute;bottom:17px;left:15px;background:#fff9f1dc;border:1px solid #fffaf4;padding:9px 14px;border-radius:13px;z-index:4;font-weight:700;font-size:17px;transform:rotate(-6deg);box-shadow:0 5px 15px #9f735713;color:#463b35}.mascot-label span{display:block;font-size:6px;letter-spacing:1px;color:#8b7267;margin-top:2px}.stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:18px 0 29px}.stat-card{display:flex;align-items:center;gap:10px;min-height:92px;padding:18px 15px;border:1px solid #e9e0db;border-radius:18px;text-align:left;background:#f7ede4;transition:transform .18s}.stat-card:hover{transform:translateY(-2px)}.stat-blocked{background:#eee8f4;border-color:#e4dcec}.stat-approved{background:#eaf0e3;border-color:#e0e7d8}.stat-symbol{width:33px;height:33px;display:grid;place-items:center;border:1px solid #e6d6c7;border-radius:11px;background:#fff9f08c;color:#a17d62}.stat-symbol svg{width:16px;height:16px}.stat-blocked .stat-symbol{background:#f8f4ff;border-color:#ddd1e9;color:#8d729e}.stat-approved .stat-symbol{background:#f8fcee;border-color:#d9e3cc;color:#7d9564}.stat-copy{min-width:0;flex:1}.stat-copy strong{display:block;font-size:10px;font-weight:650}.stat-copy small{display:block;font-size:8px;color:#9a8981;margin-top:4px;line-height:1.4}.stat-blocked .stat-copy small{color:#95849f}.stat-approved .stat-copy small{color:#8b997b}.stat-card>b{font-size:27px;font-weight:550;letter-spacing:-1px;color:#937560}.stat-blocked>b{color:#8d759b}.stat-approved>b{color:#7f946c}.stat-card>svg{display:none}
.review-library{padding:25px 24px;background:var(--surface)}.library-heading{gap:20px;align-items:center}.library-heading h2{font-size:27px;margin:6px 0 0;line-height:1.2}.library-heading p{font-size:10px;margin-top:6px}.library-controls{gap:9px;flex-direction:row}.library-controls .quiet-btn{font-size:9px;color:var(--muted);padding:5px}.library-controls .quiet-btn svg{width:14px;height:14px}.view-switch{background:var(--paper);border:1px solid var(--line);padding:3px;border-radius:10px}.view-switch button{height:29px;width:29px;border-radius:7px;color:var(--muted)}.view-switch button.active{background:var(--surface);color:var(--plum)}.queue-tools{margin:22px 0 20px;gap:12px}.filters{gap:5px;flex-wrap:wrap}.filter{font-size:10px;min-height:33px;padding:8px 13px;color:var(--muted);border-radius:10px}.filter.active{background:#eee6f0;color:#755983}.filter:hover{background:#f1ebf1}.filter span{font-size:8px;background:#fff9;padding:2px 5px}.search{height:34px;max-width:200px;border-color:var(--line);background:var(--paper);border-radius:10px}.search input{font-size:10px;height:30px;color:var(--ink)}.search input::placeholder{color:var(--muted)}.search svg{color:var(--muted);width:14px;height:14px}.action-grid{gap:15px}.action-card{border-radius:18px;border-color:var(--line);background:var(--surface);box-shadow:none;transition:box-shadow .2s,transform .2s}.action-card:hover{box-shadow:0 8px 22px #45334212;border-color:#d7c7d5;transform:translateY(-3px)}.card-art-stage{height:174px;padding:12px 12px 0}.tone-apricot{--tone:#f3e5d9}.tone-lilac{--tone:#eee7f4}.tone-sage{--tone:#e6ebdf}.tone-blue{--tone:#e3eced}.tone-butter{--tone:#f4ecd6}.tone-rose{--tone:#f0e2e8}.card-top .badge{font-size:8px;padding:5px 7px}.card-category{font-size:8px;color:#95887f}.card-art{inset:30px 13px 17px}.art-caption{font-size:7px;bottom:8px;color:#978a7e}.card-body{padding:18px 16px 15px}.card-title{font-size:18px;line-height:1.2;letter-spacing:-.55px;color:var(--ink)}.card-description{font-size:10px;line-height:1.6;color:var(--muted);min-height:33px;margin-top:7px}.card-bottom{font-size:10px;margin-top:17px;color:#86708f}.card-arrow{background:#f2edf3;width:27px;height:27px;color:#8a6d96}.action-card:hover .card-arrow{background:#e6d8eb}.card-arrow svg{width:13px;height:13px}.compact-grid .action-card{min-height:140px;transform:none}.compact-grid .card-art-stage{width:180px;height:145px}.compact-grid .card-body{padding:20px}.compact-grid .card-title{font-size:20px}.compact-grid .card-art{inset:34px 22px 6px}.bottom-cards{display:grid;grid-template-columns:1.5fr 1fr;gap:18px;margin-top:20px}.how-card{padding:27px}.how-card h2{font-size:24px;margin-top:9px;line-height:1.2;max-width:340px}.how-card>p{font-size:11px;margin-top:9px}.cub-steps{display:flex;align-items:center;gap:9px;margin:22px 0 5px;color:#8c8089;font-size:9px}.cub-steps>span{display:flex;align-items:center;gap:7px;white-space:nowrap}.cub-steps b{font-size:8px;font-weight:500;background:var(--paper);border:1px solid var(--line);border-radius:50%;height:25px;width:25px;display:grid;place-items:center}.cub-steps>svg{width:13px;height:13px;color:#c5b8c4}.text-link{font-size:10px;color:#7c6389;text-decoration:none;gap:8px}.text-link:hover{text-decoration:underline}.text-link svg{width:13px;height:13px}.how-card>.text-link{margin-top:10px}.future-card{background:#ecebe4;padding:24px 25px;position:relative}.future-icon{position:absolute;right:21px;top:21px;display:grid;place-items:center;width:38px;height:38px;border:1px solid #d8d8cc;border-radius:13px;color:#a0a18e;background:#f5f4ec}.future-icon svg{width:19px}.future-card .tiny-pill{font-size:7px;border-color:#cfcec1;color:#8d8b7b}.future-card h2{font-size:25px;margin:17px 0 9px}.future-card p{font-size:10px;line-height:1.7;max-width:275px;color:#8d8a7c}.future-card .text-link{color:#8d8473;margin-top:11px}.workspace-footer{font-size:9px;color:#a29ba1;padding:24px 0 35px}.workspace-footer>span{gap:6px}.workspace-footer svg{height:12px;width:12px}.floating-cub{position:fixed;right:25px;bottom:19px;z-index:40;display:flex;align-items:center;gap:8px;border:1px solid #64516f;border-radius:30px;background:var(--plum);color:#fff5ff;padding:8px 15px 8px 8px;box-shadow:0 7px 25px #493b4d25;height:49px;font-size:11px;font-weight:600}.floating-cub img{width:39px;height:39px;object-fit:contain;margin-top:-7px}.floating-cub svg{width:14px;height:14px;color:#d9bde7}.floating-cub:hover{background:#574363}
.cub-avatar{width:44px;height:44px;background:#f3e5d3;border:1px solid #ead4bd;border-radius:15px;overflow:hidden;display:block;flex-shrink:0}.cub-avatar img{width:100%;height:100%;object-fit:contain;padding:2px}.cub-panel-heading,.cub-review-identity{display:flex;gap:10px;align-items:center}.cub-panel-heading strong,.cub-review-identity strong{display:block;font-size:14px;font-weight:650;line-height:1.3}.cub-panel-heading small,.cub-review-identity small{display:block;font-size:10px;color:var(--muted);margin-top:3px}.cub-panel-heading>.tiny-pill{margin-left:auto;font-size:7px;letter-spacing:.7px}.cub-answer{background:var(--peach);border:1px solid #ecdbce;border-radius:18px;padding:23px;margin:23px 0}.cub-answer h3{font-size:23px;line-height:1.2;margin-bottom:10px}.cub-answer p{font-size:12px;line-height:1.8;color:#87716a}.cub-answer .primary-btn{margin-top:17px}.prompt-label{font-size:8px}.cub-prompts{display:grid;gap:8px;margin-top:12px}.cub-prompts button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface);padding:13px 15px;border-radius:12px;text-align:left;font-size:12px;color:var(--ink)}.cub-prompts button>svg:first-child{width:16px;height:16px;color:#a48bb0}.cub-prompts button>svg:last-child{width:14px;height:14px;margin-left:auto;color:#b4a6bc}.cub-prompts button:hover,.cub-prompts button.chosen{background:var(--lilac);border-color:#d6c6df}.cub-panel-foot{font-size:10px;line-height:1.6;margin:19px 0 0}.cub-review-identity{margin:0 0 20px;padding:12px 14px;border-radius:15px;background:var(--paper);border:1px solid var(--line)}.cub-review-identity .cub-avatar{width:35px;height:35px;border-radius:12px}.cub-review-identity strong{font-size:12px}.cub-review-identity small{font-size:9px}.cub-review-identity>span:last-child{margin-left:auto;font-size:8px;color:var(--muted)}.cub-about{display:grid;grid-template-columns:1fr 1.1fr;min-height:400px;background:var(--peach);border-color:#eddbd0}.about-art{position:relative;display:flex;align-items:center;justify-content:center;padding:25px 25px 60px}.about-art:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#f9eee3;border:1px solid #eedac9}.about-art>img{position:relative;width:100%;max-width:340px;height:100%;max-height:330px;object-fit:contain}.about-name{position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:23px;font-weight:650}.about-name span{display:block;font-size:7px;letter-spacing:1.6px;color:#987d71;margin-top:4px}.about-copy{padding:43px 37px 35px 10px;align-self:center}.about-copy h2{font-size:36px;line-height:1.12;margin:13px 0 17px}.about-copy p{font-size:12px;line-height:1.8;margin-top:10px;max-width:370px;color:#89716b}.about-copy .primary-btn{margin-top:23px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin:20px 0}.capability-card{padding:24px}.capability-card>span{background:var(--lilac);color:#9477a2;width:39px;height:39px;display:grid;place-items:center;border-radius:13px;margin-bottom:18px}.capability-card:nth-child(2)>span{background:var(--sage);color:#85986c}.capability-card:nth-child(3)>span{background:var(--peach);color:#ac7c61}.capability-card h3{font-size:22px;margin-bottom:9px}.capability-card p{font-size:11px;line-height:1.8}.cub-boundaries{padding:25px 28px}.cub-boundaries h3{font-size:21px;margin-bottom:12px}.cub-boundaries p{font-size:12px;max-width:850px;line-height:1.8}.boundary-note{display:flex;gap:10px;align-items:flex-start;font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px;margin-top:18px}.boundary-note svg{width:17px;height:17px;color:#ac9b79}
/* Existing review, policy, history and setup features. */
.page-heading{background:var(--surface);border-color:var(--line);border-radius:24px;padding:29px;margin:5px 0 22px}.page-heading h1{font-size:32px}.page-heading p{font-size:12px}.panel{background:var(--surface);border-color:var(--line);border-radius:22px}.panel-header{border-color:var(--line);padding:24px}.panel-header h2{font-size:20px}.panel-header small{color:var(--muted)}.rule-row{border-color:var(--line);padding:24px}.rule-symbol{background:var(--lilac);color:#92789f}.rule-copy h3{color:var(--ink);font-size:14px}.rule-copy p{font-size:11px;color:var(--muted)}.help-panel{background:var(--lilac);border-color:#ded4e5;border-radius:22px;color:var(--ink)}.help-panel p,.help-panel li{color:var(--muted)}.help-panel>svg{color:#967caa}.help-panel h3{font-size:23px}.rules-save{border-color:var(--line)}.rules-save p{color:var(--muted)}.select{background:var(--surface);color:var(--ink);border-color:var(--line)}.toggle input:checked+span{background:#9b83a8}.history-toolbar{border-color:var(--line)}th{color:var(--muted);background:var(--paper);border-color:var(--line)}td{border-color:var(--line);color:var(--ink)}td small{color:var(--muted)}.history-details summary{color:#9a7eab}.history-details code{background:var(--paper);color:var(--ink)}.setup-intro p,.setup-intro li{color:var(--muted)}.developer-setup{background:var(--paper);border-color:var(--line)}.developer-setup summary{color:var(--ink)}.setup-step p{color:var(--muted)}.copy-block{background:var(--deep)}.modal-backdrop{background:#2b203f57;backdrop-filter:blur(10px)}.modal{background:var(--surface);border:1px solid var(--line);border-radius:25px;box-shadow:0 30px 90px #29163233;width:610px}.modal-header{padding:24px 26px 13px}.modal-header h2{font-size:23px;line-height:1.25}.modal-content{padding:9px 26px 26px}.modal-content>p{font-size:12px}.modal .quiet-btn{color:var(--muted)}.focus-art{border-radius:17px;height:126px;margin-bottom:18px}.focus-art img{width:135px;height:120px}.focus-art p{font-size:12px}.focus-art small{font-size:9px}.detail-title{font-size:28px;line-height:1.2}.meaning-summary{font-size:13px;color:var(--muted)}.detail-kicker .eyebrow{font-size:8px}.meaning-icon{width:40px;height:40px;border-radius:13px}.plain-section h3{font-size:16px}.plain-section p{font-size:12px;color:var(--muted)}.technical-disclosure,.reason-disclosure{background:var(--paper);border-color:var(--line);color:var(--ink)}.technical-disclosure summary,.reason-disclosure summary,.technical-body,.technical-body p,.reason-disclosure p{color:var(--muted)}.technical-body code{color:var(--ink);overflow-wrap:anywhere}.command-box{background:var(--deep);color:#efe7f7}.command-box code{color:#efe7f7}.detail-context{border-color:var(--line);color:var(--muted)}.plain-decision{border-radius:17px}.decision-buttons button,.danger-btn{border-radius:12px}.danger-btn{background:#a74e44}.field input,.field textarea{background:var(--surface);color:var(--ink);border-color:var(--line);border-radius:11px}.field label{color:var(--ink)}.example-choice{background:var(--surface);border-color:var(--line);color:var(--ink);border-radius:13px}.example-choice:hover{background:var(--lilac);border-color:#d8c8e0}.example-choice small{color:var(--muted)}.example-symbol{background:var(--peach);color:#a37c69}.confirm-consequence,.outcome-warning{background:#f7eddd}.friendly-files li{background:var(--paper);border-color:var(--line);color:var(--ink)}.empty h3{color:var(--ink)}.empty p{color:var(--muted)}#toast{background:var(--deep);color:#fff8ff;border:1px solid #786282;border-radius:14px;bottom:25px;font-size:12px;padding:14px 20px;max-width:calc(100vw - 35px);z-index:120}.still .hero-bear,.still .action-card{transform:none!important;transition:none!important}
body[data-theme=dusk]{--paper:#201d27;--surface:#2b2632;--ink:#f1e9f3;--muted:#b2a6ba;--line:#433849;--plum:#745b85;--deep:#18141f;--peach:#45353a;--sage:#3b4437;--lilac:#44364f;color-scheme:dark}body[data-theme=dusk] .hero-copy h2>span{color:#e8af91}body[data-theme=dusk] .cub-hero,body[data-theme=dusk] .cub-about{border-color:#584248}body[data-theme=dusk] .hero-copy>p,body[data-theme=dusk] .hero-mode,body[data-theme=dusk] .about-copy p,body[data-theme=dusk] .hero-link{color:#cbb6ae}body[data-theme=dusk] .hello-pill{background:#5f4b46;border-color:#7e6255;color:#edd1bf}body[data-theme=dusk] .stat-card{background:#41332e;border-color:#5b453a}body[data-theme=dusk] .stat-blocked{background:#3d304b;border-color:#51405e}body[data-theme=dusk] .stat-approved{background:#313c2d;border-color:#46513c}body[data-theme=dusk] .stat-card b{color:#d1b49c}body[data-theme=dusk] .stat-copy small{color:#baaaaf}body[data-theme=dusk] .stat-blocked>b{color:#c6abd7}body[data-theme=dusk] .stat-approved>b{color:#b6c9a5}body[data-theme=dusk] .future-card{background:#35352e;border-color:#45463c}body[data-theme=dusk] .future-card p,body[data-theme=dusk] .future-card .text-link{color:#b7b49d}body[data-theme=dusk] .tone-apricot{--tone:#59473c}body[data-theme=dusk] .tone-lilac{--tone:#4c3d5c}body[data-theme=dusk] .tone-sage{--tone:#414a3b}body[data-theme=dusk] .tone-blue{--tone:#39474d}body[data-theme=dusk] .tone-butter{--tone:#514c35}body[data-theme=dusk] .tone-rose{--tone:#543c46}body[data-theme=dusk] .card-category,body[data-theme=dusk] .art-caption{color:#c1b1a7}body[data-theme=dusk] .card-bottom{color:#c9aed9}body[data-theme=dusk] .card-arrow{background:#473650;color:#ccb0df}body[data-theme=dusk] .filter.active{background:#4c3a59;color:#e5c9f5}body[data-theme=dusk] .filter:hover,body[data-theme=dusk] .quiet-btn:hover{background:#4a3c51}body[data-theme=dusk] .cub-answer{border-color:#61434b}body[data-theme=dusk] .cub-answer p{color:#cdb2b9}body[data-theme=dusk] .text-link{color:#ceb1df}body[data-theme=dusk] .about-art:before{background:#5d4442;border-color:#7c5f51}body[data-theme=dusk] .about-name span{color:#c6a490}body[data-theme=dusk] .breadcrumb strong{color:#c2b1cf}body[data-theme=dusk] .outcome-warning,body[data-theme=dusk] .confirm-consequence{background:#463b2c;color:#e4c9a2}body[data-theme=dusk] .outcome-warning p,body[data-theme=dusk] .confirm-consequence p{color:#c8b393}body[data-theme=dusk] .plain-decision{background:#393640;border-color:#51435e}body[data-theme=dusk] .plain-decision p{color:#c2b2cb}body[data-theme=dusk] .help-panel{border-color:var(--line)}
@media(min-width:1500px){.cub-shell{grid-template-columns:245px minmax(0,1fr)}.cub-sidebar{padding:34px 22px 20px}.content{padding-left:42px;padding-right:42px}.cub-hero{min-height:395px}.hero-copy{padding:36px 0 35px 39px}.hero-copy h2{font-size:55px}.hero-copy>p{font-size:13px;max-width:410px}.hero-bear{max-width:400px;max-height:400px;right:42px}.hero-orbit{right:52px;top:36px}.orbit-two{right:25px;top:90px}.stat-copy strong{font-size:12px}.stat-copy small{font-size:9px}.card-art-stage{height:205px}.card-body{padding:21px}.card-title{font-size:21px}.card-description{font-size:12px}}
@media(max-width:1180px){.cub-shell{grid-template-columns:195px minmax(0,1fr);padding:12px}.cub-sidebar{top:12px;height:calc(100dvh - 24px);padding:25px 13px 15px}.brand{font-size:19px}.brand img{width:35px;height:35px}.brand small{font-size:8px}.content{padding:15px 19px 0 25px}.cub-topbar{padding:0 20px 0 25px}.nav-item{font-size:11px;padding:11px 12px}.workspace-chip{margin:27px 0}.sidebar-cub{margin-left:0;margin-right:0}.hero-copy{padding:28px 0 25px 28px}.hero-copy h2{font-size:43px}.hero-copy .button-row{gap:13px}.hero-copy>p{font-size:10px}.hero-bear{right:2px;max-width:310px}.hero-orbit{width:260px;height:280px;right:7px;top:42px}.orbit-two{width:315px;height:195px;top:112px;right:-10px}.spark-one{left:2px;font-size:23px}.cub-speech{right:15px;font-size:9px}.hero-mode{font-size:8px}.stat-grid{gap:10px}.stat-card{padding:14px 11px;gap:8px}.stat-symbol{display:none}.stat-copy strong{font-size:9px}.stat-copy small{font-size:7px}.card-art-stage{height:157px}.card-title{font-size:16px}.card-description{min-height:48px}.card-category{display:none}.card-top .badge{font-size:7px}.art-caption{font-size:6.5px}.review-library{padding:22px 19px}.library-heading h2{font-size:25px}.library-heading p{font-size:9px}.library-controls .quiet-btn span{display:none}.bottom-cards{gap:14px}.how-card{padding:24px 22px}.how-card h2{font-size:22px}.cub-steps{gap:7px;font-size:8px}.cub-steps>svg{width:10px}.cub-steps b{width:21px;height:21px;font-size:7px}.future-card{padding:23px 20px}.future-card h2{font-size:23px}.future-icon{right:17px;top:17px;width:31px;height:31px}.about-copy{padding:32px 25px 32px 5px}.about-copy h2{font-size:29px}.about-art:before{width:225px;height:225px}.capability-card{padding:20px}.capability-card h3{font-size:20px}}
@media(max-width:960px){.cub-shell{grid-template-columns:170px minmax(0,1fr);padding:10px}.cub-sidebar{padding:23px 10px 15px;top:10px;height:calc(100dvh - 20px)}.brand{font-size:17px;gap:6px}.brand img{width:32px;height:32px}.brand small{font-size:7px}.workspace-chip{font-size:9px;gap:6px;padding:10px 8px}.nav-item{font-size:10px;gap:9px;min-height:43px}.nav-item>svg{height:16px;width:16px}.sidebar-cub h3{font-size:19px}.sidebar-cub p{font-size:8px}.sidebar-foot{font-size:7px}.content{padding:14px 12px 0 20px}.cub-topbar{padding:0 12px 0 20px}.workspace-title h1{font-size:28px}.workspace-title p{font-size:11px}.workspace-title .outline-btn{font-size:9px;padding:9px 11px}.cub-hero{min-height:340px;grid-template-columns:1.05fr 1fr}.hero-copy{padding-left:23px}.hero-copy h2{font-size:38px}.hero-copy .button-row{align-items:flex-start;gap:7px;flex-direction:column;margin-top:17px}.hero-copy .primary-btn{font-size:10px;padding:10px 13px;min-height:37px}.hero-link{font-size:9px;padding:5px 0}.hero-mode{margin-top:12px}.hello-pill{font-size:6.5px;letter-spacing:.7px}.hero-copy>p{max-width:260px;font-size:10px}.hero-copy .desktop-break{display:none}.hero-bear{height:80%;bottom:10px;right:-7px}.cub-speech{top:40px;right:14px}.spark-one{top:110px;left:5px}.hero-orbit{width:205px;height:235px;right:0;top:75px}.orbit-two{width:250px;height:150px;top:140px;right:-15px}.mascot-label{left:0;bottom:17px;font-size:15px;padding:8px 11px}.mascot-label span{font-size:5px}.stat-card{min-height:84px;align-items:flex-start;flex-direction:column;gap:3px;padding:12px}.stat-copy small{display:none}.library-heading p{max-width:280px;line-height:1.5}.library-heading .soft-label{font-size:8px}.library-controls{gap:3px}.queue-tools{flex-direction:column;align-items:stretch;gap:13px}.search{max-width:none}.action-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-grid{grid-template-columns:1fr}.card-art-stage{height:170px}.card-title{font-size:19px}.card-description{min-height:33px}.card-category{display:block;font-size:7px}.card-top .badge{font-size:8px}.art-caption{font-size:7px}.bottom-cards{grid-template-columns:1fr}.how-card h2{max-width:none}.cub-steps{font-size:10px;gap:13px}.future-card p{max-width:400px}.workspace-footer{align-items:flex-start;flex-direction:column;gap:8px}.cub-about{grid-template-columns:1fr;min-height:0}.about-art{height:300px;padding:13px 25px 47px}.about-art>img{max-height:260px;width:270px}.about-name{bottom:12px;font-size:20px}.about-copy{padding:20px 28px 30px}.about-copy h2{font-size:30px}.about-copy h2 br{display:none}.about-copy p{max-width:none}.capability-grid{gap:11px}.capability-card{padding:17px 15px}.capability-card h3{font-size:17px}.capability-card p{font-size:10px}.rules-layout,.setup-grid{grid-template-columns:1fr}}
@media(max-width:740px){body{background:var(--paper)}.cub-shell{display:block;padding:0;min-height:100dvh}.cub-sidebar{position:static;background:none;border:0;border-radius:0;padding:0;margin:0;min-height:0;height:0}.cub-sidebar>.brand,.workspace-chip,.nav-label,.sidebar-bottom{display:none}.cub-navigation{position:fixed;bottom:12px;left:12px;right:12px;max-width:510px;margin:auto;padding:5px;background:var(--deep);border:1px solid #66546f;border-radius:21px;z-index:50;box-shadow:0 8px 30px #38263d30;flex-direction:row;gap:1px;justify-content:space-between}.nav-item{flex:1;min-width:0;min-height:53px;padding:9px 3px 7px;flex-direction:column;justify-content:center;gap:5px;font-size:8px;border-radius:15px}.nav-item>svg{width:17px;height:17px;display:block}.nav-item.active{background:#eee3ef;color:#50375e}.nav-count{position:absolute;top:3px;right:calc(50% - 22px);font-size:7px;width:14px;height:14px;margin:0;background:#d8becb}.cub-topbar{height:77px;padding:0 19px;gap:10px}.breadcrumb{display:none}.mobile-brand{display:block}.mobile-brand .brand{font-size:23px;letter-spacing:-.8px;gap:8px}.mobile-brand .brand img{width:36px;height:36px}.profile-cub{display:none}.topbar-right{gap:8px}.mode-badge{font-size:8px;padding:6px 8px;gap:5px}.mode-badge .dot{height:5px;width:5px}.theme-switch{min-width:30px;min-height:30px}.theme-switch svg{width:14px;height:14px}.content{padding:5px 17px 145px;max-width:600px}.workspace-title{margin:4px 0 21px;align-items:flex-start;gap:10px}.workspace-title .eyebrow{font-size:7px;letter-spacing:1.5px}.workspace-title h1{font-size:28px;margin-top:6px;letter-spacing:-1.1px}.workspace-title p{font-size:10px;line-height:1.6;max-width:275px;margin-top:5px}.workspace-title .outline-btn{min-height:33px;padding:9px;font-size:0;gap:0;margin-top:23px;border-radius:10px}.workspace-title .outline-btn svg{width:15px;height:15px}.workspace-title .outline-btn:after{content:'Connect';font-size:9px;margin-left:5px}.workspace-title>.tiny-pill{display:none}.cub-hero{min-height:0;grid-template-columns:1fr;border-radius:25px}.hero-copy{padding:25px 25px 0}.hello-pill{font-size:7px;padding:5px 9px;letter-spacing:.9px}.hello-pill svg{width:11px;height:11px}.hero-copy h2{font-size:43px;letter-spacing:-1.9px;line-height:1.04;margin:15px 0 12px;max-width:100%}.hero-copy h2 br:last-of-type{display:none}.hero-copy>p{max-width:310px;font-size:11px;line-height:1.7}.hero-copy .button-row{flex-direction:row;align-items:center;margin-top:18px;gap:18px}.hero-copy .primary-btn{font-size:10px;min-height:41px;padding:12px 15px}.hero-link{font-size:9px}.hero-mode{font-size:8px;margin-top:13px;max-width:none}.hero-stage{height:228px;width:100%;margin-top:8px}.hero-bear{height:251px;width:260px;max-height:none;max-width:none;right:calc(50% - 134px);bottom:-8px}.hero-orbit{width:247px;height:225px;top:12px;right:calc(50% - 124px)}.orbit-two{height:150px;width:310px;right:calc(50% - 155px);top:54px}.cub-speech{top:18px;right:21px;font-size:8px;padding:8px 10px}.spark-one{left:30px;top:70px;font-size:28px}.spark-two{right:23px;bottom:48px;font-size:25px}.mascot-label{bottom:19px;left:22px;font-size:16px;padding:8px 11px}.mascot-label span{font-size:5px}.stat-grid{gap:8px;margin:13px 0 22px}.stat-card{min-height:105px;padding:13px 11px;border-radius:16px;gap:5px;position:relative}.stat-copy strong{font-size:9px;font-weight:600;line-height:1.4;min-height:26px;max-width:90px}.stat-card>b{font-size:28px;margin-top:3px;line-height:1.1}.stat-symbol{display:none}.stat-card>svg{position:absolute;display:block;right:8px;bottom:15px;width:10px;height:10px;color:#aa8f80}.stat-copy small{display:none}.review-library{padding:22px 17px 18px;border-radius:22px}.library-heading{gap:8px;align-items:flex-start}.library-heading .soft-label{font-size:7px;letter-spacing:1.2px}.library-heading h2{font-size:27px;max-width:none;margin-top:7px}.library-heading p{font-size:9px;max-width:240px;line-height:1.7}.library-controls{flex-direction:column-reverse;gap:6px;align-items:flex-end;padding-top:3px}.library-controls .quiet-btn{min-height:26px;padding:3px;font-size:7px;gap:3px}.library-controls .quiet-btn span{display:block}.library-controls .quiet-btn>svg{width:11px;height:11px}.view-switch{padding:3px}.view-switch button{height:26px;width:25px}.view-switch svg{width:13px;height:13px}.queue-tools{flex-direction:column;gap:13px;align-items:stretch;margin:19px 0 17px}.filters{justify-content:space-between;gap:1px;flex-wrap:nowrap}.filter{font-size:9px;min-height:32px;padding:8px 10px;border-radius:9px}.filter span{font-size:7px;padding:2px 4px}.search{height:35px;width:100%;max-width:none}.action-grid{grid-template-columns:1fr;gap:16px}.action-card{border-radius:19px}.card-art-stage{height:190px;padding:14px}.card-category{font-size:8px}.card-top .badge{font-size:8px}.card-art{inset:31px 24px 19px}.art-caption{font-size:8px;bottom:10px}.card-body{padding:19px 19px 16px}.card-title{font-size:22px}.card-description{font-size:11px;min-height:0;margin-top:8px}.card-bottom{font-size:11px;margin-top:17px}.card-arrow{width:30px;height:30px}.compact-grid .card-art-stage{width:104px;height:auto;min-height:150px;padding:0}.compact-grid .card-top{display:flex;justify-content:center;padding:8px 3px}.compact-grid .card-top .badge{font-size:6.5px;padding:4px;gap:2px}.compact-grid .card-top .badge svg{width:8px;height:8px}.compact-grid .card-art{inset:34px 5px 8px}.compact-grid .card-body{padding:15px}.compact-grid .card-title{font-size:16px}.compact-grid .card-description{font-size:9px}.compact-grid .card-bottom{font-size:9px}.compact-grid .card-arrow{width:23px;height:23px}.bottom-cards{grid-template-columns:1fr;gap:15px;margin-top:16px}.how-card{padding:23px}.how-card .soft-label{font-size:8px}.how-card h2{font-size:23px;line-height:1.15}.how-card>p{font-size:10px}.cub-steps{font-size:8px;gap:7px;margin-top:19px;justify-content:space-between}.cub-steps>span{gap:5px}.cub-steps b{height:21px;width:21px;font-size:7px}.cub-steps>svg{width:10px}.future-card{padding:24px}.future-icon{width:35px;height:35px;top:22px;right:22px}.future-card h2{font-size:26px}.future-card p{font-size:11px;max-width:none}.future-card .text-link{font-size:10px}.workspace-footer{padding:22px 2px 0;gap:9px;font-size:8px;align-items:flex-start}.floating-cub{bottom:83px;right:17px;height:41px;padding:6px 12px 6px 5px;font-size:10px;border-radius:25px;gap:6px}.floating-cub img{height:34px;width:34px}.floating-cub svg{width:12px;height:12px}.cub-about{display:flex;flex-direction:column}.about-art{height:300px}.about-art>img{height:250px;width:260px}.about-copy{padding:23px}.about-copy h2{font-size:31px}.about-copy p{font-size:12px}.capability-grid{grid-template-columns:1fr;gap:13px;margin:16px 0}.capability-card{padding:21px;display:grid;grid-template-columns:40px 1fr;gap:8px 14px}.capability-card>span{grid-row:1/3;margin:0;height:40px;width:40px}.capability-card h3{font-size:21px;margin:0}.capability-card p{font-size:11px}.cub-boundaries{padding:24px 22px}.cub-boundaries h3{font-size:21px}.cub-boundaries p{font-size:11px}.boundary-note{font-size:10px;line-height:1.7}.modal-backdrop{padding:10px}.modal{max-height:calc(100dvh - 20px);border-radius:23px;width:100%}.modal-header{padding:21px 20px 12px;gap:9px}.modal-header h2{font-size:20px}.modal-content{padding:7px 20px 24px}.modal-header .quiet-btn{min-height:32px;min-width:32px}.cub-panel-heading{gap:8px;flex-wrap:wrap}.cub-panel-heading .cub-avatar{height:39px;width:39px}.cub-panel-heading strong{font-size:13px}.cub-panel-heading small{font-size:8px}.cub-panel-heading>.tiny-pill{font-size:6px;padding:4px 6px;letter-spacing:.5px}.cub-answer{padding:20px;margin:19px 0}.cub-answer h3{font-size:22px}.cub-answer p{font-size:11px}.cub-prompts button{font-size:11px;padding:13px;gap:10px}.cub-panel-foot{font-size:9px}.cub-review-identity{padding:10px;gap:8px;margin-bottom:18px}.cub-review-identity>span:last-child{font-size:7px;max-width:66px;text-align:right}.cub-review-identity small{font-size:8px}.focus-art{height:106px;padding:5px 10px}.focus-art img{width:102px;height:100px}.focus-art p{font-size:11px}.focus-art small{font-size:8px}.detail-kicker .eyebrow{font-size:7px}.detail-title{font-size:25px}.meaning-summary{font-size:12px}.plain-section p{font-size:11px}.plain-section h3{font-size:15px}.plain-decision{padding:17px}.decision-buttons>button{font-size:11px;padding:11px 13px}.page-heading{padding:25px 21px;border-radius:23px;flex-direction:column;align-items:flex-start;gap:18px;margin:4px 0 19px}.page-heading h1{font-size:30px}.page-heading p{font-size:11px}.panel-header{padding:21px}.panel-header h2{font-size:19px}.rule-row{padding:22px 18px;gap:10px}.rule-copy p{font-size:10px}.rule-copy h3{font-size:13px}.rules-save{padding:22px}.table-wrap table{min-width:520px}.setup-intro{padding:22px}.help-panel{padding:24px}.help-panel h3{font-size:22px}#toast{bottom:135px;font-size:11px;padding:12px 15px}.empty{padding:20px 5px}.empty h3{font-size:23px}.empty p{font-size:11px}}
@media(max-width:370px){.cub-topbar{padding:0 15px;gap:8px}.mobile-brand .brand{font-size:20px;gap:5px}.mobile-brand .brand img{height:32px;width:32px}.mode-badge{font-size:7px;padding:6px}.topbar-right{gap:5px}.content{padding-left:13px;padding-right:13px}.workspace-title h1{font-size:25px}.workspace-title .outline-btn{padding:8px}.workspace-title .outline-btn:after{display:none}.hero-copy{padding-left:22px;padding-right:20px}.hero-copy h2{font-size:39px}.hero-copy>p{font-size:10px}.hero-copy .button-row{gap:12px}.hero-copy .primary-btn{padding:11px 12px;font-size:9px}.hero-link{font-size:8px}.hero-stage{height:215px}.hero-bear{height:237px;width:250px;right:calc(50% - 129px)}.cub-speech{right:15px;font-size:7px}.spark-one{left:22px}.stat-copy strong{font-size:8px}.stat-card{padding:12px 10px}.review-library{padding:20px 14px}.filter{padding:8px}.library-heading h2{font-size:25px}.cub-steps{font-size:7px;gap:4px}.cub-steps>span{gap:4px}.cub-steps b{width:19px;height:19px}.cub-panel-heading .tiny-pill,.cub-review-identity>span:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-bear,.action-card,.floating-cub,.primary-btn,.stat-card{transition:none!important;transform:none!important}.modal{animation:none!important}}

/* Readability refinements after desktop and phone review. */
body[data-theme=dusk] .view-switch button.active{color:#e7c6f8}
@media(min-width:961px){.hero-copy>p{font-size:12px}.stat-copy strong{font-size:11px}.stat-copy small{font-size:9px}.library-heading p{font-size:11px}.card-description{font-size:11px}}
@media(max-width:740px){.workspace-title .outline-btn{display:none}.workspace-title h1{font-size:27px}.hero-copy h2{font-size:36px;line-height:1.08;letter-spacing:-1.5px}.hero-stage{height:218px}.hero-bear{height:239px;width:250px;right:calc(50% - 129px)}.hero-copy{padding-top:23px}.hero-copy .button-row{margin-top:16px}.hero-mode{margin-top:12px}}