:root{--font:"Helvetica Neue",Arial,sans-serif;--ink:#283142;--muted:#7c879b;--line:#e6eaf1;--bg:#f5f6fa;--accent:#586fce;--soft:#edf1fd;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px var(--font);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{border:1px solid var(--line);background:white;border-radius:7px;padding:9px 13px;color:var(--ink);cursor:pointer;font-size:12px;font-weight:500;transition:background .12s,border-color .12s}button:hover{background:#f3f5fb;border-color:#cdd5e8}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover{background:#485fbb}button.ghost{background:transparent;border-color:transparent;color:var(--muted)}button.danger{color:#bc5e66;background:#fff8f8;border-color:#efd9dc}.icon{height:18px;width:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}button .icon{height:16px;width:16px;margin-right:5px}.icon-only{padding:7px!important;display:inline-flex;align-items:center;justify-content:center}.icon-only .icon{margin:0!important}a{color:var(--accent)}input,textarea,select{background:white;border:1px solid #dce1ec;border-radius:6px;padding:9px 11px;color:var(--ink);font-size:12px}input:focus,textarea:focus,select:focus{outline:2px solid #bac7f480;outline-offset:1px}input[type=checkbox]{accent-color:var(--accent);width:15px;height:15px;flex-shrink:0}label{cursor:pointer}h1,h2,h3,p{margin-top:0}h1{font-size:25px;letter-spacing:-.6px;font-weight:600}h2{font-size:19px;letter-spacing:-.3px;font-weight:600}h3{font-size:14px;font-weight:600}.appbar{height:65px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:20px;padding:0 28px;background:white}.app-logo{display:flex;align-items:center;gap:11px;font-size:16px;font-weight:650;letter-spacing:-.35px;white-space:nowrap}.logo-mark{width:31px;height:31px;display:grid;place-items:center;background:#eef1fd;color:var(--accent);border-radius:8px}.app-logo .icon{width:20px;height:20px}.crumb{display:flex;gap:10px;align-items:center;color:#a3aabd;font-size:12px;border-left:1px solid var(--line);padding-left:20px}.crumb button{padding:5px;border:0;background:none;color:var(--muted)}.crumb strong{font-weight:500;color:#4b556b}.bar-actions{display:flex;gap:7px;margin-left:auto}.bar-actions button{font-size:11px;padding:7px 10px}.home{max-width:1220px;margin:0 auto;padding:53px 32px 80px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:28px}.page-title h1{margin:0}.home-tools{display:flex;gap:8px}.home-hint{font-size:11px;color:#a2abba;margin:27px 0 0}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.project-card{border:1px solid #e0e5ef;border-radius:12px;background:white;overflow:hidden;box-shadow:0 3px 9px #25365b03;cursor:pointer;transition:transform .12s,border-color .12s}.project-card:hover{transform:translateY(-2px);border-color:#b6c3e7;box-shadow:0 7px 20px #25365b07}.project-cover{height:120px;background:linear-gradient(130deg,var(--wash),#f8f9fd);padding:25px;display:flex;align-items:center;justify-content:space-between;color:var(--tone);position:relative}.folder-icon{background:white;border:1px solid #ffffff90;width:57px;height:52px;border-radius:10px;display:grid;place-items:center;box-shadow:0 3px 12px #20305006}.folder-icon .icon{width:29px;height:29px;stroke-width:1.3}.project-cover .project-menu{align-self:flex-start;border:0;background:#ffffffb0;color:var(--tone)}.project-body{padding:22px 24px 20px}.project-body h2{margin:0 0 9px;font-size:18px}.project-description{font-size:12px;color:#929caf;line-height:1.6;min-height:20px;margin-bottom:24px}.project-metrics{display:flex;gap:17px;font-size:11px;color:#8a95a9}.project-metrics b{font-weight:600;color:#53627d;margin-right:4px}.project-open{display:flex;align-items:center;justify-content:space-between;margin-top:22px;padding-top:15px;border-top:1px solid #f0f2f7;color:var(--accent);font-size:11px}.new-card{border:1px dashed #cfd7e7;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#f9faff;color:#8c9bb5;min-height:310px;gap:16px;cursor:pointer;font-size:13px}.new-card:hover{background:#f0f3fc;border-color:#9cadd4}.new-card .plus{width:43px;height:43px;border-radius:50%;border:1px dashed #c8d2e9;display:grid;place-items:center;font-size:27px;font-weight:300;color:#8396c0}.workspace{height:calc(100dvh - 65px);display:grid;grid-template-columns:270px minmax(0,1fr)}.sidebar{background:white;border-right:1px solid var(--line);overflow:auto;padding:20px 15px}.side-section{margin-bottom:25px}.side-heading{display:flex;align-items:center;justify-content:space-between;color:#939db1;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1.1px;padding:0 8px;margin-bottom:11px}.side-heading button{padding:3px;border:0;background:transparent;color:#8595b5;font-size:17px}.doc-item{display:flex;align-items:center;gap:9px;border-radius:6px;padding:9px 10px;cursor:pointer;margin:3px 0;color:#68778f;font-size:12px}.doc-item:hover{background:#f5f7fc}.doc-item.active{background:var(--soft);color:#4e62b8;font-weight:600}.doc-item .icon{width:16px;color:#9ca8be}.doc-item small{margin-left:auto;color:#a3acc0;font-size:10px}.doc-item .doc-title{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-head{display:flex;align-items:center;gap:4px;border-radius:5px;margin-top:5px;min-height:35px}.group-head.active{background:#f0f3fb}.group-head .expand{padding:5px 2px;width:18px;background:transparent;border:0;color:#a0aabd;font-size:11px;flex-shrink:0}.group-select{display:flex;gap:8px;align-items:center;flex:1;min-width:0;background:transparent;border:0;font-size:11px;text-align:left;padding:8px 2px;line-height:1.5}.group-select span:nth-child(2){flex:1}.swatch{width:8px;height:8px;display:inline-block;border-radius:3px;flex-shrink:0}.side-count{font-size:10px;color:#a7afc0;font-variant-numeric:tabular-nums;margin-left:auto}.code-list{margin-left:22px}.code-row{display:flex;align-items:center;gap:3px;border-radius:5px}.code-row.active{background:var(--soft)}.code-pick{flex:1;min-width:0;padding:8px 5px;background:none;border:0;text-align:left;font-size:11px;line-height:1.55;color:#7a879c;display:flex;align-items:flex-start;gap:6px}.code-pick .code-ref{font-size:9px;color:#a5afc3;white-space:nowrap;margin-top:1px}.code-pick .side-count{padding-top:2px}.mini-edit{border:0;background:transparent;padding:4px;color:#b0bacb;opacity:.5}.mini-edit .icon{width:12px;height:12px}.group-head:hover .mini-edit,.code-row:hover .mini-edit{opacity:1}.code-pick:hover{background:transparent;color:#415574}.side-all{width:100%;display:flex;align-items:center;gap:9px;text-align:left;border:0;background:#f5f7fc;font-size:11px;padding:10px;color:#7c8ca8;margin-bottom:13px}.side-bottom{border-top:1px solid var(--line);padding:16px 7px;font-size:10px;line-height:1.8;color:#a4afc0}.side-bottom strong{font-weight:500;color:#7e8ca6}.main-area{min-width:0;display:flex;flex-direction:column}.project-nav{height:55px;background:white;border-bottom:1px solid var(--line);padding:0 26px;display:flex;gap:25px;align-items:stretch;flex-shrink:0}.project-nav .tab{background:none;border:0;border-radius:0;padding:0 2px;font-size:12px;color:#9aa4b7;position:relative;display:flex;align-items:center;gap:6px}.project-nav .tab .icon{width:15px;margin:0}.project-nav .tab.active{color:var(--accent);font-weight:600}.project-nav .tab.active:after{content:"";position:absolute;height:2px;left:0;right:0;bottom:0;background:var(--accent)}.main-toolbar{background:#fcfcfe;border-bottom:1px solid var(--line);padding:20px 27px;flex-shrink:0}.toolbar-top{display:flex;align-items:center;gap:12px;justify-content:space-between}.toolbar-title{display:flex;align-items:center;gap:9px;min-width:0}.toolbar-title h1{font-size:20px;margin:0;line-height:1.4}.toolbar-title .total{background:#eaf0fb;font-size:10px;color:#8192b6;padding:4px 7px;border-radius:5px;white-space:nowrap}.toolbar-buttons{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.toolbar-buttons button{font-size:10px;padding:7px 10px}.filter-row{display:flex;align-items:center;gap:8px;margin-top:15px;flex-wrap:wrap}.filter-row input[type=search]{min-width:140px;flex:1;max-width:330px;padding:8px 11px}.filter-row select{padding:8px;font-size:11px;max-width:190px}.filter-row button{padding:7px 9px;font-size:10px}.scope-pill{font-size:10px;display:inline-flex;gap:6px;align-items:center;padding:6px 9px;border-radius:5px;background:#edf1fb;color:#788bb6}.scroll-area{overflow:auto;flex:1;min-height:0;scroll-behavior:smooth}.quotes-list{max-width:1100px;margin:0 auto;padding:22px 28px 50px}.quotation{border:1px solid #e1e7f0;border-radius:8px;background:white;margin-bottom:14px;padding:20px 23px;position:relative;cursor:pointer;transition:border-color .12s,box-shadow .12s}.quotation:hover{border-color:#bac6e4;box-shadow:0 4px 14px #223b6a05}.quotation:before{content:"";position:absolute;left:0;top:24px;bottom:24px;width:3px;background:var(--tone);border-radius:0 3px 3px 0}.quote-header{display:flex;align-items:center;gap:10px;font-size:10px;color:#8e9cb1;margin-bottom:13px}.quote-header .qid{font-size:9px;color:#b1bacb}.quote-header .quote-status{margin-left:auto;font-size:9px;padding:3px 6px;border-radius:4px;background:#f4f6fa;color:#9ba7bc}.quote-header .quote-status.approved{background:#eef7f1;color:#659879}.quote-header .quote-status.revise{background:#fdf3ed;color:#bd926f}.quote-text{font-family:var(--font);font-size:15px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#3b465c;font-weight:400}.quote-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-top:17px}.code-tags{display:flex;flex-wrap:wrap;gap:5px}.code-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:4px 7px;color:var(--tone);background:var(--wash);border:0;border-radius:4px;line-height:1.5}.quote-buttons{display:flex;gap:6px;flex-shrink:0}.quote-buttons button{font-size:10px;padding:5px 8px}.quote-buttons .icon{width:13px;height:13px}.quote-note{font-size:11px;color:#9ba7bb;line-height:1.7;margin-top:13px;border-top:1px solid #f0f3f8;padding-top:11px}.more-button{display:block;margin:25px auto;font-size:11px}.empty{padding:80px 25px;text-align:center;color:#a2aec1;font-size:12px;line-height:1.8}.empty h3{font-size:16px;color:#7e8da6;font-weight:500;margin-bottom:9px}.empty .icon{height:34px;width:34px;margin-bottom:17px;stroke-width:1.2}.paper{max-width:1000px;margin:22px auto 45px;background:white;border:1px solid var(--line);border-radius:7px;padding:30px 40px;width:calc(100% - 56px)}.source-row{display:flex;gap:20px;margin:0 -12px;padding:10px 12px;border-radius:4px}.source-row.focused{background:#eef3ff;outline:1px solid #ccd9f4}.para-number{font-size:10px;width:25px;flex-shrink:0;color:#b5bfd0;user-select:none;line-height:2.3;text-align:right}.source-text{font:15px/1.95 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;color:#364258}.moderator .source-text{color:#98a4b7;font-size:13px;line-height:1.95}.coded{background-color:transparent;border-radius:2px;color:inherit;cursor:pointer;background-image:var(--stripe);background-repeat:no-repeat;background-size:100% 2px;background-position:0 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone}.coded:hover,.coded:focus{background-color:var(--wash);outline:0;background-size:100% 3px}.all-colors .coded{background-color:var(--wash)}.reader-note{font-size:11px;line-height:1.8;color:#9a8d6e;background:#fcf9ef;border:1px solid #eee8d6;border-radius:6px;margin:17px 28px 0;padding:11px 14px}.reader-options{display:flex;align-items:center;gap:15px;font-size:10px;color:#98a4b7}.reader-options label{display:flex;align-items:center;gap:5px}.reader-options input[type=number]{width:54px;padding:5px}.reader-options .select-quote{margin-left:auto;border-color:#cdd6ef;color:var(--accent)}.code-manager{padding:23px 28px 45px;max-width:1400px;margin:auto}.code-table{width:100%;border-collapse:collapse;background:white;border:1px solid var(--line);font-size:12px}.code-table th{text-align:left;padding:12px 16px;background:#f9fafe;color:#9aa6bc;font-weight:500;font-size:10px;border-bottom:1px solid var(--line)}.code-table td{padding:15px 16px;border-bottom:1px solid #eef1f6;vertical-align:top;line-height:1.8}.code-table tr[data-editcode]{cursor:pointer}.code-table tr[data-editcode]:hover td{background:#fafbfe}.code-table .definition{font-size:11px;color:#97a3b7;max-width:650px}.code-table .code-name{font-weight:500;color:#64738d;min-width:160px}.code-table .code-ref{display:block;font-size:10px;color:#aeb8ca}.code-table .group-row td{background:#f8faff;padding:11px 16px;font-size:11px;color:#7d8da9}.code-table .group-row .swatch{margin-right:8px}.code-table .group-row button{padding:3px 6px;font-size:9px;float:right}.num{text-align:right!important;font-variant-numeric:tabular-nums}.inline-action{border:0;background:none;font-size:10px;padding:3px;color:#8e9fbf}.stats-page{padding:24px 28px 50px;max-width:1400px;margin:auto}.stat-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:23px}.stat-card{background:white;border:1px solid var(--line);border-radius:8px;padding:18px 20px}.stat-card .value{font-size:26px;color:#65789f;letter-spacing:-.8px;font-weight:500;margin-bottom:7px}.stat-card .label{font-size:10px;color:#a1acc0}.stats-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.segmented{display:flex;background:#e9edf6;border-radius:6px;padding:3px;gap:2px}.segmented button{border:0;background:transparent;color:#8b9bb5;padding:7px 10px;font-size:10px}.segmented button.active{background:white;color:#6d82b3;box-shadow:0 1px 4px #283d6810}.chart-panel{background:white;border:1px solid var(--line);border-radius:8px;padding:25px 27px;margin-bottom:23px}.panel-title{font-size:13px;font-weight:500;color:#71839f;margin:0 0 22px;display:flex;align-items:center;justify-content:space-between}.panel-title small{font-size:10px;font-weight:400;color:#b0bbcc}.bar-row{display:grid;grid-template-columns:200px minmax(100px,1fr) 44px;align-items:center;gap:14px;margin:17px 0;font-size:11px;color:#8e9cb1;cursor:pointer}.bar-row:hover{color:#4e648a}.bar-track{height:19px;background:#f3f5fa;border-radius:3px;overflow:hidden}.bar-fill{height:100%;min-width:0;border-radius:3px;opacity:.72}.bar-value{font-size:11px;text-align:right;color:#7f90ae;font-variant-numeric:tabular-nums}.stats-note{color:#a8b2c3;font-size:10px;line-height:1.85;margin:14px 0 22px}.table-scroll{overflow:auto;border-radius:6px;border:1px solid var(--line)}.table-scroll .code-table{border:0}.matrix-table th,.matrix-table td{white-space:nowrap;font-size:10px;min-width:65px;text-align:center;vertical-align:middle}.matrix-table th:first-child,.matrix-table td:first-child{text-align:left;min-width:160px;position:sticky;left:0;background:#fff;z-index:1}.matrix-table th:first-child{background:#f9fafe;z-index:2}.heat-cell{cursor:pointer;font-variant-numeric:tabular-nums}.heat-cell:hover{outline:1px solid #8aa2db;outline-offset:-1px}.matrix-key{font-size:10px;color:#a3b0c6;line-height:1.8;margin:13px 0}.stats-empty{min-height:250px}.desktop-sidebar-toggle{display:none}dialog{padding:0;border:1px solid #dce3f1;border-radius:12px;color:var(--ink);max-width:1050px;width:calc(100vw - 45px);box-shadow:0 20px 90px #1f31552b}dialog::backdrop{background:#25345a55;backdrop-filter:blur(2px)}dialog.small{max-width:540px}dialog.medium{max-width:710px}.modal-head{padding:23px 27px 18px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fff}.modal-head h2{margin:0}.modal-head small{display:block;margin-top:7px;font-size:10px;font-weight:400;color:#a0acc0;letter-spacing:0}.modal-head button{border:0;background:transparent;padding:5px;color:#a1adc2}.modal-body{padding:25px 27px;max-height:72vh;overflow:auto}.modal-body p{font-size:12px;line-height:1.8;color:#91a0b7}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:17px 27px;border-top:1px solid var(--line);background:#fcfcfe}.modal-footer .left{margin-right:auto;display:flex;gap:7px}.modal-footer button{font-size:11px}.field{display:block;margin:0 0 20px}.field-label{font-size:11px;font-weight:500;color:#7f8da7;display:block;margin-bottom:8px}.field input:not([type=checkbox]):not([type=color]),.field select,.field textarea{width:100%}.field textarea{min-height:100px;line-height:1.8;resize:vertical}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.small-note{font-size:10px;line-height:1.8;color:#a5b1c5;margin-top:9px}.check-line{display:flex;align-items:center;gap:8px;font-size:11px;color:#8f9cb3;margin:13px 0}.upload-zone{border:1px dashed #bccbe9;background:#f8faff;border-radius:8px;padding:20px;display:block;margin:15px 0 20px}.upload-zone .field-label{color:#7d94bc;margin-bottom:10px}.upload-zone input{background:transparent;border:0;padding:0;font-size:11px;width:100%;color:#8d9fbc}.quote-editor{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:28px}.editor-left{min-width:0}.editor-right{border-left:1px solid var(--line);padding-left:25px}.editor-title{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#9aa9c0;font-weight:500;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.editor-source{font:14px/1.95 var(--font);color:#a3aec0;max-height:290px;overflow:auto;border:1px solid #e6ebf4;background:#fafbfe;border-radius:6px;padding:17px 18px;white-space:pre-wrap;overflow-wrap:anywhere}.editor-source mark{color:#4c6088;background:#eaf0ff;padding:2px 0;border-radius:2px}.selection-adjust{margin:10px 0 22px;font-size:10px!important;padding:7px 10px!important}.editor-code-search{width:100%;margin-bottom:12px}.edit-group-label{font-size:11px;font-weight:500;color:#8292ae;display:flex;align-items:center;gap:7px;margin:17px 0 10px}.edit-code-line{display:flex;align-items:flex-start;gap:8px;padding:7px 0;font-size:11px;line-height:1.6;color:#8394af;cursor:pointer}.edit-code-line input{margin:1px 0 0}.edit-code-line small{font-size:9px;color:#afbbce;margin-right:4px}.editor-code-list{max-height:440px;overflow:auto;padding-right:7px}.code-help{color:#abb6c7;font-size:10px;line-height:1.8;margin-top:5px}.error{font-size:11px;color:#bb6773!important;line-height:1.7;min-height:4px}.help-list h3{color:#7b8eae;margin-top:23px}.help-list p{color:#9aa8bd;font-size:12px}#tooltip{position:fixed;z-index:20;pointer-events:none;background:#344464;color:white;border-radius:7px;padding:13px 15px;max-width:360px;min-width:200px;box-shadow:0 8px 28px #22335925;font-size:11px;line-height:1.9}#tooltip strong{display:block;color:#c0cee7;font-size:10px;margin-bottom:5px}#tooltip .swatch{margin-right:6px}#tooltip .tipline{display:block}#tooltip small{display:block;border-top:1px solid #ffffff20;margin-top:6px;padding-top:6px;color:#a7b9d8;font-size:9px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,15px);background:#34496f;color:white;padding:13px 21px;border-radius:8px;font-size:12px;opacity:0;pointer-events:none;z-index:100;max-width:90vw;box-shadow:0 5px 20px #22365920;transition:all .15s}#toast.visible{opacity:1;transform:translate(-50%,0)}.loading{min-height:100vh;display:grid;place-items:center;color:#8b9ebb;font-size:14px}.muted{color:#a8b3c5}.flex{display:flex;align-items:center;gap:8px}.no-codes{font-size:10px;color:#acb6c7}.local-pill{font-size:9px;color:#a1b1ce;border:1px solid #e7ecf6;padding:4px 6px;border-radius:4px;background:#fbfcff}.toolbar-sub{font-size:10px;color:#a4b0c4;margin-top:9px;line-height:1.7}.stat-link{border:0;background:transparent;padding:0;font-size:11px;color:#7c94bf}.upload-error{white-space:pre-line}.table-title{font-size:13px;color:#8292ad;font-weight:500;margin:10px 0 16px}.quote-pin{color:#c0a773;margin-left:2px;font-size:13px}.editor-side-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:13px}.editor-side-title .field-label{margin:0}.form-divider{height:1px;background:var(--line);margin:22px 0}.confirm-box{background:#fbf7f8;border:1px solid #eddfe3;border-radius:6px;padding:14px;margin:16px 0;color:#a3808c;font-size:12px;line-height:1.8}
@media(min-width:1500px){.workspace{grid-template-columns:285px minmax(0,1fr)}.quotes-list{padding-top:30px;max-width:1140px}.source-text{font-size:16px}.quotation{padding:23px 27px}.quote-text{font-size:16px}}@media(max-width:1050px){.appbar{padding:0 18px}.app-logo{font-size:15px}.crumb{padding-left:14px;font-size:11px}.workspace{grid-template-columns:235px minmax(0,1fr)}.sidebar{padding:18px 10px}.main-toolbar{padding:18px 22px}.quotes-list{padding:20px 22px 40px}.code-manager,.stats-page{padding:20px 22px 40px}.bar-row{grid-template-columns:155px minmax(80px,1fr) 30px}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-nav{padding:0 22px;gap:22px}.stat-card{padding:16px}.stat-strip{gap:10px}.stat-card .value{font-size:23px}.paper{width:calc(100% - 40px);padding:25px}.toolbar-title h1{font-size:18px}}@media(max-width:800px){.crumb strong{display:none}.workspace{grid-template-columns:205px minmax(0,1fr)}.sidebar{padding-left:8px;padding-right:8px}.code-pick{font-size:10px}.group-select{font-size:10px}.main-toolbar{padding:17px}.quotes-list,.code-manager,.stats-page{padding:17px}.project-nav{padding:0 17px;gap:18px}.quote-footer{align-items:flex-start}.quote-buttons{flex-direction:column}.quote-text{font-size:14px}.bar-row{grid-template-columns:130px minmax(65px,1fr) 25px;font-size:10px}.stat-strip{grid-template-columns:repeat(2,1fr)}.quote-editor{grid-template-columns:minmax(0,1fr);gap:20px}.editor-right{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:20px}.editor-code-list{max-height:250px}.modal-body{max-height:68vh}.appbar .bar-actions button{padding:7px}.bar-actions .action-label{display:none}.toolbar-top{flex-wrap:wrap}.toolbar-buttons{justify-content:flex-start}.project-nav .tab{font-size:11px}.project-nav .tab .icon{width:13px}.code-table .definition{min-width:230px}.code-manager .code-table{display:block;overflow-x:auto}.home{padding-top:38px}}@media(max-width:600px){.appbar{height:58px;padding:0 12px;gap:8px}.app-logo{font-size:14px;gap:8px}.logo-mark{width:28px;height:28px}.crumb{padding-left:7px;gap:4px}.crumb button{font-size:10px}.bar-actions{gap:2px}.workspace{height:calc(100dvh - 58px);display:block}.sidebar{display:none;position:fixed;z-index:25;top:58px;bottom:0;left:0;width:275px;box-shadow:8px 0 35px #203c7020}.sidebar.open{display:block}.main-area{height:100%}.desktop-sidebar-toggle{display:inline-flex}.project-nav{height:49px;gap:20px;padding:0 15px;overflow:auto}.project-nav .tab{white-space:nowrap;font-size:11px}.project-nav .tab .icon{display:none}.main-toolbar{padding:15px}.toolbar-title h1{font-size:19px}.toolbar-buttons button{padding:6px 8px;font-size:9px}.filter-row{gap:7px;margin-top:12px}.filter-row input[type=search]{max-width:none;width:100%;flex-basis:100%}.filter-row select{font-size:10px;padding:7px}.home{padding:30px 18px}.page-title{margin-bottom:23px}.page-title h1{font-size:24px}.home-tools button{font-size:10px}.project-grid{grid-template-columns:1fr;gap:17px}.project-cover{height:103px}.project-body{padding:20px}.new-card{min-height:160px}.project-description{margin-bottom:19px}.quotes-list{padding:14px 12px 30px}.quotation{padding:17px 16px;margin-bottom:11px}.quote-header{font-size:9px;gap:7px;flex-wrap:wrap}.quote-header .qid{font-size:8px}.quote-text{font-size:14px;line-height:1.9}.quote-footer{gap:8px}.code-tag{font-size:9px}.quote-buttons button{font-size:9px;padding:5px 6px}.quote-buttons .icon{display:none}.paper{width:calc(100% - 22px);margin:13px 11px 30px;padding:17px 15px}.source-row{gap:12px;margin:0 -5px;padding:9px 5px}.para-number{width:21px;font-size:9px}.source-text{font-size:14px}.moderator .source-text{font-size:12px}.reader-options{gap:9px;flex-wrap:wrap}.reader-options .select-quote{margin-left:0}.reader-note{margin:12px 12px 0;font-size:10px}.code-manager,.stats-page{padding:14px 12px 35px}.code-table td,.code-table th{padding:11px 12px}.code-table .code-name{min-width:125px;font-size:11px}.code-table .definition{font-size:10px}.chart-panel{padding:20px 16px}.bar-row{grid-template-columns:115px minmax(50px,1fr) 25px;gap:9px;font-size:9px}.bar-track{height:16px}.stats-controls{gap:6px}.segmented{flex-wrap:wrap}.segmented button{font-size:9px;padding:6px 8px}.stat-card .value{font-size:24px}.stat-card .label{font-size:10px}.modal-head{padding:18px}.modal-head h2{font-size:17px}.modal-body{padding:19px 18px;max-height:66vh}.modal-footer{padding:13px 18px;flex-wrap:wrap;gap:6px}.modal-footer button{font-size:10px}.modal-footer .left{width:100%;margin-bottom:6px}.field-row{grid-template-columns:1fr;gap:0}.editor-source{font-size:13px;max-height:220px}.editor-code-list{max-height:220px}.toolbar-sub{font-size:9px}.modal-body .field textarea{min-height:80px}.home-hint{font-size:10px}}
/* Keep small controls and annotations readable on white. */
.code-pick{color:#667792}.quote-header{color:#7b8ba5}.code-table .definition{color:#74839d}.stat-card .label{color:#7e8fa9}.edit-code-line{color:#647791}.modal-body p{color:#7b8ca6}.moderator .source-text{color:#8190a7}.small-note{color:#8c9bb3}.home-hint{color:#8797af}.editor-source{color:#8e9db5}.editor-code-list{max-height:355px}
/* Selectable conversation context, including ranges across speaker turns. */
.quote-text,.range-current>div{white-space:pre-wrap}.range-help{font-size:11px!important;line-height:1.7!important;margin:0 0 12px}.context-controls{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:8px}.context-controls button,.range-actions button{font-size:10px;padding:7px 9px}.context-controls span{font-size:10px;color:#7c8da7;white-space:nowrap}.editor-source.range-source{max-height:360px;padding:6px 16px;user-select:text;-webkit-user-select:text;color:#596b87;overscroll-behavior:contain}.range-row{padding:13px 0;border-bottom:1px solid #e5eaf3;white-space:normal}.range-row:last-child{border-bottom:0}.range-row-label{font-size:9px;letter-spacing:.3px;color:#8190a7;user-select:none;-webkit-user-select:none;margin-bottom:5px}.range-text{white-space:pre-wrap;overflow-wrap:anywhere}.range-source ::selection,.paper ::selection{background:#b9cdfb;color:#203c70}.range-source mark{background:#e4ebfc;color:#314c7c;box-decoration-break:clone;-webkit-box-decoration-break:clone}.range-actions{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.selection-preview{font-size:10px;color:#60749b;line-height:1.65;margin-top:12px;min-height:18px}.selection-adjust{margin:8px 0 12px}.range-current{font-size:11px;color:#6f809d;margin-bottom:20px}.range-current summary{cursor:pointer;line-height:1.8}.range-current>div{border-left:2px solid #bdcbed;padding:10px 12px;margin-top:7px;line-height:1.85;max-height:150px;overflow:auto}.range-source:focus-visible{outline:2px solid #a8bdeb;outline-offset:2px}@media(max-width:600px){.editor-source.range-source{max-height:310px;padding:5px 12px}.context-controls button{font-size:9px;padding:6px}.range-actions button{font-size:9px}.range-row{padding:11px 0}}

.audit-note{margin:8px 18px 14px;font-size:12px;color:#566174;line-height:1.6}.audit-note summary{cursor:pointer;font-weight:600}.audit-note p{margin:7px 0}.audit-note .quote-text{white-space:pre-wrap;max-height:240px;overflow:auto;border-left:2px solid #ccd2dd;padding-left:12px}.editor-left>.audit-note{margin:10px 0}

/* Contextual quotation action, positioned beside the native text selection. */
.selection-action{position:fixed;z-index:45;padding:5px;background:#fff;border:1px solid #dbe2f1;border-radius:9px;box-shadow:0 5px 20px #243e722b;max-width:calc(100vw - 16px)}
.selection-action[hidden]{display:none}.selection-action button{min-height:40px;padding:9px 16px;font-size:13px;white-space:nowrap;touch-action:manipulation}
.selection-action button:focus-visible{outline:3px solid #a8bdeb;outline-offset:3px}.selection-hint{margin-left:auto;font-size:11px;color:#7b8ba6}
@media(max-width:600px){.selection-hint{flex-basis:100%;margin-left:0;font-size:10px}}

.selection-action .selection-delete{background:#c43d48;border-color:#c43d48;color:#fff}.selection-action .selection-delete:hover{background:#aa2f39;border-color:#aa2f39}.selection-delete-list{display:grid;gap:12px}.selection-delete-list>div{padding:14px;border:1px solid #ead9dc;border-radius:8px}.selection-delete-list strong{font-size:12px}.selection-delete-list p{white-space:pre-wrap;max-height:150px;overflow:auto;font-size:13px;line-height:1.7}
/* Welcome, guided learning, and a clearly marked fictional practice project. */
dialog.onboarding{max-width:850px}.intro-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#586fce}.modal-body .intro-lead{font-size:17px;line-height:1.8;color:#52637f;margin:15px 0 24px}.welcome-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:22px}.welcome-features>div{border:1px solid #e1e7f3;border-radius:10px;background:#f8faff;padding:19px 16px}.welcome-features .icon{display:block;width:23px;height:23px;color:#586fce;margin-bottom:14px}.welcome-features strong{display:block;font-size:13px;color:#425576}.welcome-features p{margin:9px 0 0;font-size:12px;color:#71829c}.demo-callout{border-left:3px solid #368c9a;border-radius:6px;background:#f0f8f8;padding:17px 20px;color:#386772}.demo-callout strong{font-size:14px}.demo-callout p{margin:7px 0 0;color:#597d85}.modal-body .intro-storage{font-size:11px;color:#7888a0;margin:18px 0 0;line-height:1.8}.demo-badge{display:inline-block;background:#edf7f6;color:#337c88;font-size:10px;border-radius:4px;padding:5px 8px;margin:0 0 12px}.sidebar-guide{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid #dce5f4;background:#f5f8ff;padding:14px 11px;margin:4px 0 20px;border-radius:8px;color:#526fa5}.sidebar-guide>span{flex:1}.sidebar-guide strong{display:block;font-weight:600;font-size:12px}.sidebar-guide small{display:block;font-size:10px;color:#8495af;margin-top:5px}.sidebar-guide>.icon{flex-shrink:0}.guide-steps{display:flex;gap:7px;flex-wrap:wrap;padding-bottom:22px;border-bottom:1px solid #e5eaf3;margin-bottom:24px}.guide-steps button{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%;font-size:12px}.guide-steps button[aria-current]{background:#586fce;border-color:#586fce;color:#fff}.guide-slide h3{font-size:25px;line-height:1.3;color:#354967;letter-spacing:-.5px;margin:12px 0}.modal-body .guide-lead{font-size:14px;color:#7184a1;margin:0 0 21px}.guide-visual{display:flex;flex-wrap:wrap;gap:8px;background:#f3f6fc;border:1px solid #e1e8f4;padding:17px;border-radius:9px;margin:0 0 22px}.guide-visual>span{display:flex;align-items:center;gap:8px;font-size:12px;color:#4c638b;border:1px solid #dfe6f3;background:white;padding:9px 12px;border-radius:6px}.guide-visual small{color:#95a6c4;font-size:10px}.guide-instructions{margin:0 0 22px;padding-left:24px;color:#566b8b;font-size:13px;line-height:1.9}.guide-instructions li{padding-left:5px;margin-bottom:10px}.guide-instructions li::marker{color:#586fce;font-weight:600}.guide-task{background:#f0f8f8;border-left:3px solid #368c9a;padding:14px 17px;border-radius:5px;font-size:12px;line-height:1.8;color:#426d77}.guide-footer .left{flex:1;margin:0}.home-tools{flex-wrap:wrap}.onboarding .modal-head>button{flex-shrink:0}.onboarding .modal-head h2{line-height:1.5}
@media(max-width:600px){.welcome-features{grid-template-columns:1fr;gap:9px}.welcome-features>div{padding:13px 15px}.welcome-features .icon{float:left;margin:0 12px 0 0;width:19px;height:19px}.welcome-features p{margin-top:5px}.modal-body .intro-lead{font-size:15px}.intro-kicker{font-size:9px;letter-spacing:1px}.guide-slide h3{font-size:21px}.guide-steps{gap:5px;padding-bottom:16px;margin-bottom:18px}.guide-steps button{width:29px;height:29px}.guide-visual{padding:12px;gap:6px}.guide-visual>span{font-size:11px;padding:7px 9px}.guide-instructions{font-size:12px}.guide-footer .left{display:none}.onboarding .modal-footer{justify-content:flex-end}.home .page-title{align-items:flex-start;gap:14px;flex-wrap:wrap}}
.login-page{min-height:100dvh;padding:38px 24px;background:radial-gradient(ellipse at top right,#e9effd,transparent 65%),#f7f9fd}.login-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:650;color:#354967;max-width:1000px;margin:0 auto}.login-card{max-width:610px;margin:65px auto 30px;background:#fff;border:1px solid #dee6f4;border-radius:18px;padding:42px;box-shadow:0 18px 65px #344c7e0a}.login-card h1{font-size:34px;line-height:1.25;color:#34496e;letter-spacing:-1px;margin:18px 0}.login-card>p{font-size:15px;line-height:1.9;color:#7486a4}.login-link{margin:22px 0 26px;width:100%;justify-content:center;padding:14px}.login-privacy{padding:18px;background:#f1f8f8;border-radius:9px;color:#3c7480}.login-privacy strong{font-size:13px}.login-privacy p{font-size:12px;line-height:1.8;color:#63858b;margin-bottom:0}.login-card>small{display:block;text-align:center;margin-top:23px;font-size:11px;color:#91a0b7}.account-label{font-size:11px;color:#7385a3;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.signout{font-size:10px}.multi-code-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding-top:12px;border-top:1px solid #e7ecf5}.multi-code-toolbar>span{flex:1;min-width:150px;font-size:11px;line-height:1.7;color:#7385a3}.filter-code-list{max-height:42vh;overflow:auto}.filter-code-list fieldset{border:1px solid #e3e9f3;border-radius:8px;margin:12px 0;padding:12px 16px}.filter-code-list legend{font-size:12px;color:#586f91;padding:0 5px}.filter-code-list .check-line{margin:10px 0;color:#536b8d}
@media(max-width:600px){.login-card{padding:27px 23px;margin:35px auto}.login-card h1{font-size:28px}.account-label{display:none}.bar-actions .signout{padding:7px 5px}.multi-code-toolbar{gap:8px}.multi-code-toolbar>span{font-size:10px}}
a.login-link{display:flex;align-items:center;gap:10px;background:#586fce;color:white;text-decoration:none;border:1px solid #586fce;border-radius:8px;min-height:48px;font-size:14px;font-weight:600}a.login-link:hover{background:#485fbd}a.login-link:focus-visible{outline:3px solid #a8bdeb;outline-offset:3px}a.signout{display:inline-flex;align-items:center;border:1px solid #e0e6f1;background:#fff;color:#6c7e9e;text-decoration:none;border-radius:6px;padding:7px 10px}
.google-login{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:13px 18px;min-height:48px;margin:24px 0 0;border:1px solid #cfd8e9;border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:#435574}.google-login:hover{background:#f7f9fd}.google-login:disabled{cursor:progress}.google-letter{font-size:21px;font-weight:700;color:#4285f4;line-height:1}.login-card a.login-link{margin:12px 0 18px}.login-error{color:#b84351!important;font-size:12px!important;line-height:1.6!important;margin:0 0 18px}.login-error:empty{display:none}.bar-actions .link-google{font-size:10px;background:#f5f8ff;color:#586f91;padding:7px 9px}.bar-actions button.signout{font-size:10px}@media(max-width:800px){.account-label{display:none}}@media(max-width:600px){.bar-actions .link-google{font-size:9px;max-width:90px;white-space:normal;padding:5px}}


/* Dynamic workshop: cobalt identity, colourful working cards, quiet reading surfaces. */
:root{--font:Arial,Helvetica,sans-serif;--ink:#202840;--muted:#637087;--line:#dfe4ee;--bg:#edf1f9;--accent:#3458df;--soft:#eaf0ff;--white:#fff;--radius:12px}
body{font:14px var(--font);color:var(--ink);background:var(--bg)}button{min-height:36px;font-size:13px;font-weight:600;border-radius:7px;transition:background .16s,border-color .16s,box-shadow .16s,transform .16s}button:hover{background:#edf2ff;border-color:#b7c5ed}button.primary{background:var(--accent);border-color:var(--accent)}button.primary:hover{background:#2646c6;border-color:#2646c6;box-shadow:0 3px 8px #3458df20}button.ghost{color:#627089}button.danger{color:#b42e42;background:#fff4f5;border-color:#ecc6cd}button.danger:hover{background:#ffe7ec}input,textarea,select{font-size:13px;border-color:#ccd5e5;border-radius:7px;min-height:36px}input::placeholder,textarea::placeholder{color:#738097;opacity:1}input:focus,textarea:focus,select:focus{outline:3px solid #3458df26;border-color:#3458df}input[type=checkbox]{min-height:0}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #3458df80;outline-offset:3px}::selection{background:#d7eea1;color:#18293e}h1,h2,h3{font-family:var(--font);color:var(--ink)}
.appbar{height:68px;gap:22px;padding:0 28px;background:#fff;border-bottom:1px solid #dce2ef;position:relative;z-index:30}.app-logo{font-size:19px;font-weight:750;letter-spacing:-.7px;gap:10px}.logo-mark{width:35px;height:35px;color:#fff;background:#3458df;border-radius:10px;box-shadow:3px 3px 0 #c9ef7a}.app-logo .icon{width:20px;height:20px;stroke-width:1.8}.crumb{font-size:12px;max-width:33%;min-width:0}.crumb strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#4b5872;font-weight:500}.crumb button{color:#64738d}.bar-actions{align-items:center;gap:7px}.bar-actions>button{font-size:12px;min-height:34px;padding:7px 11px}.bar-actions>button.icon-only{background:#f5f7fb}.account-menu{order:3;position:relative;z-index:40;margin-left:6px;padding-left:14px;border-left:1px solid var(--line)}.account-menu summary{list-style:none;display:flex;align-items:center;gap:8px;min-height:38px;cursor:pointer;font-size:13px}.account-menu summary::-webkit-details-marker{display:none}.account-avatar{width:30px;height:30px;display:grid;place-items:center;background:#e8e5fb;color:#5342b4;border:1px solid #d3cdf1;border-radius:50%;font-size:13px;font-weight:700}.account-label{font-size:12px;color:#50607a;max-width:110px}.account-popover{position:absolute;right:0;top:48px;width:270px;padding:20px;display:grid;gap:8px;background:#fff;border:1px solid #dce2ef;box-shadow:0 12px 40px #20335a26;border-radius:12px}.account-popover strong{font-size:14px;overflow-wrap:anywhere}.account-popover small{font-size:12px;color:#6a7890;overflow-wrap:anywhere;margin-bottom:12px}.bar-actions .account-popover button{font-size:12px;min-height:38px;text-align:left;background:#f6f8ff;color:#40527d}.bar-actions .account-popover button.signout{color:#b33045;background:#fff6f7}
.home{max-width:1300px;padding:30px 35px 60px}.workspace-intro{display:grid;grid-template-columns:1.25fr 1fr;position:relative;isolation:isolate;overflow:hidden;background:#3458df;border:1px solid #2f4fd1;color:#fff;min-height:260px;border-radius:16px;padding:33px 38px;gap:20px;box-shadow:0 5px 16px #2945aa10}.intro-kicker{font-size:10px;font-weight:700;letter-spacing:1.5px;color:#3458df;line-height:1.8}.workspace-intro .intro-kicker{color:#dee6ff;font-size:9px;letter-spacing:1.7px}.intro-copy h1{font-size:43px;line-height:1.08;letter-spacing:-1.9px;font-weight:750;margin:15px 0;color:#fff}.intro-copy h1>span{color:#c9ef7a}.intro-copy>p{font-size:13px;line-height:1.7;color:#e2e9ff;margin:0 0 22px}.intro-actions{display:flex;gap:11px;flex-wrap:wrap}.intro-actions button{padding:11px 15px;min-height:40px;background:#fff;color:#2949bf;border-color:#fff;font-size:12px}.intro-actions button:hover{background:#ebf1ff;transform:translateY(-1px)}.intro-actions button+button{background:transparent;color:#fff;border-color:#ffffff60}.intro-actions button+button:hover{background:#ffffff16}.intro-actions button+button .icon{margin-left:7px;margin-right:0}.workshop-visual{position:relative;min-height:220px;width:100%;max-width:430px;align-self:center;justify-self:end;pointer-events:none}.visual-links{position:absolute;width:100%;height:100%;inset:0;fill:none;stroke:#b7c6ff;stroke-width:1.4;stroke-dasharray:5 5;opacity:.65}.visual-document{position:absolute;width:190px;height:158px;background:#fff;color:#33446a;padding:21px;border-radius:9px;left:9%;top:18px;transform:rotate(-7deg);box-shadow:7px 9px 0 #1d3ca45c;z-index:1}.visual-label{font-size:8px;font-weight:700;letter-spacing:1.3px;color:#687897}.visual-line{height:4px;border-radius:2px;background:#e4e9f2;margin-top:13px;width:100%}.visual-line.selected{background:#c9ef7a;height:11px;margin-top:10px}.visual-line.short{width:65%;margin-top:8px}.visual-document-foot{font-size:8px;color:#667590;display:block;margin-top:16px}.visual-tag{position:absolute;z-index:3;background:#c9ef7a;color:#263e3b;display:flex;align-items:center;gap:7px;padding:10px 15px;border-radius:6px;font-size:11px;font-weight:600;box-shadow:3px 4px 0 #1b369044;white-space:nowrap}.visual-tag .icon{width:15px;height:15px}.tag-one{right:7%;top:6px;transform:rotate(5deg)}.tag-two{right:0;top:78px;background:#e1d9ff;color:#52418d;transform:rotate(-4deg)}.tag-three{left:2%;bottom:0;background:#ffc5ab;color:#79422b;transform:rotate(3deg)}.visual-tag i{display:block;width:7px;height:7px;background:currentColor;border-radius:50%}.visual-insight{position:absolute;bottom:0;right:4%;width:145px;background:#fff;border-radius:8px;padding:15px 17px;transform:rotate(5deg);box-shadow:4px 5px 0 #1b369044;z-index:2}.visual-insight>span{font-size:8px;letter-spacing:1px;font-weight:700;color:#6e7b95}.visual-bars{display:flex;gap:7px;align-items:flex-end;height:51px;margin-top:9px}.visual-bars i{width:20px;background:#c6bcf2;border-radius:3px 3px 0 0;height:55%}.visual-bars i:nth-child(2){height:90%;background:#8d7ade}.visual-bars i:nth-child(3){height:70%;background:#b9e47b}.visual-bars i:nth-child(4){height:40%;background:#f5ae8e}.visual-spark{position:absolute;bottom:19px;left:51%;font-size:44px;line-height:1;color:#c9ef7a;transform:rotate(12deg);z-index:3}
.workspace-summary{display:flex;gap:24px;align-items:center;flex-wrap:wrap;padding:19px 4px 24px;font-size:12px;color:#60718c}.workspace-summary>span{display:flex;align-items:center;gap:7px}.workspace-summary b{font-size:17px;color:#2d3e60;font-weight:700}.workspace-summary .icon{width:16px;color:#778ab4}.workspace-summary .summary-private{margin-left:auto;font-size:11px;color:#718099}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:9px 0 19px}.collection-heading>div:first-child{display:flex;align-items:center;gap:10px}.collection-heading h2{font-size:21px;font-weight:700;letter-spacing:-.65px;margin:0}.section-marker{width:5px;height:20px;border-radius:2px;background:#3458df}.collection-count{font-size:11px;background:#e0e6f5;color:#546987;padding:4px 7px;border-radius:5px}.home-tools{display:flex;gap:8px}.home-tools button{background:transparent;border-color:transparent;font-size:12px;color:#516789;min-height:36px}.home-tools button:last-child{background:#fff;border-color:#d3ddef;color:#3458df}.project-grid{gap:20px;align-items:stretch}.project-card{border-radius:12px;border:1px solid #d5dfef;background:#fff;box-shadow:0 2px 2px #23396407;transition:transform .16s,box-shadow .16s,border-color .16s}.project-card:hover{transform:translateY(-4px);border-color:#a7b8e5;box-shadow:0 8px 22px #23396412}.project-cover{height:105px;padding:20px 23px;background:var(--tone);color:#fff;position:relative;border-bottom:0;overflow:hidden}.project-cover::before{content:"";position:absolute;width:130px;height:130px;border:22px solid #ffffff20;border-radius:50%;right:45px;top:-35px}.project-cover::after{content:"";position:absolute;width:60px;height:60px;background:#c9ef7a;right:60px;bottom:-31px;transform:rotate(22deg);border-radius:5px;opacity:.95}.project-category{position:absolute;left:23px;top:20px;font-size:9px;letter-spacing:1.3px;font-weight:700;color:#ffffffde}.folder-icon{background:#ffffff20;border:1px solid #ffffff40;border-radius:8px;height:39px;width:44px;align-self:flex-end;box-shadow:none}.folder-icon .icon{width:25px;height:25px;stroke-width:1.5}.project-menu.icon-only{align-self:flex-start;background:#ffffff20;color:#fff;position:relative;z-index:2;min-height:30px}.project-menu.icon-only:hover{background:#ffffff40}.project-card.is-demo .project-cover{background:#7962d9}.project-card.is-demo .project-cover::after{background:#ffc4a9}.project-body{padding:22px 23px 18px}.project-body h2{font:700 20px/1.35 var(--font);letter-spacing:-.5px;margin:0 0 10px}.demo-badge{background:#f0ecfc;color:#6650b9;font-size:10px;font-weight:600;border-radius:4px;padding:5px 8px;margin-bottom:10px}.project-description{font-size:12px;color:#697992;line-height:1.8;margin-bottom:19px;min-height:43px}.project-metrics{display:flex;gap:18px;color:#78859a;font-size:11px}.project-metrics b{font-size:15px;font-weight:700;color:#42577a;margin-right:3px}.project-open{margin-top:19px;padding-top:14px;font-size:12px;font-weight:600;border-color:#e9edf5;color:#3458df}.project-open .icon{width:16px}.new-card{border-radius:12px;background:#e4eaf8;border:1px dashed #b7c7e6;color:#4b6597;min-height:280px;gap:13px;padding:25px;text-align:center}.new-card:hover{background:#dfe7f8;border-color:#7e9bdd;transform:translateY(-2px)}.new-card .plus{width:43px;height:43px;border-radius:10px;background:#fff;border:1px solid #cbd8ee;color:#3458df;font-size:28px}.new-card strong{font-size:14px;color:#3d5683}.new-card small{font-size:11px;font-weight:400;color:#7185a6;line-height:1.8;max-width:230px}.new-card-action{font-size:12px;color:#3458df;display:flex;align-items:center;gap:8px;margin-top:7px}.new-card-action .icon{margin:0;width:16px}.home-hint{color:#74829a;font-size:11px;line-height:1.9;margin-top:22px}.start-guide{display:grid;grid-template-columns:.9fr 1.5fr;gap:40px;padding:26px 29px;margin-top:30px;border-radius:12px;border:1px solid #d7e0f1;background:#ffffffa8}.start-guide h2{font-size:21px;letter-spacing:-.7px;margin:9px 0 11px}.start-guide p{font-size:12px;color:#73829a;line-height:1.8;margin-bottom:13px}.start-guide button{font-size:12px;background:transparent;border:0;color:#3458df;padding:4px 0}.start-guide button .icon{margin-left:7px}.start-guide ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.start-guide li{display:flex;flex-direction:column;gap:12px}.start-guide li>span{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#e6ecff;color:#3458df;font-size:10px;font-weight:700}.start-guide li:nth-child(2)>span{background:#f0eafb;color:#7b55b5}.start-guide li:nth-child(3)>span{background:#e8f3d5;color:#507726}.start-guide li strong{font-size:12px;color:#4a5d7d}.start-guide li p{font-size:11px;margin:7px 0 0}
.workspace{height:calc(100dvh - 68px);grid-template-columns:270px minmax(0,1fr)}.sidebar{background:#f8faff;border-right:1px solid #d8e1f2;padding:20px 14px}.sidebar-project{display:flex;gap:10px;align-items:center;padding:0 4px 20px;margin-bottom:14px;border-bottom:1px solid #e0e7f4}.sidebar-project>span{background:var(--wash);color:var(--tone);display:grid;place-items:center;width:35px;height:39px;border:1px solid #e2e6f0;border-radius:8px;flex-shrink:0}.sidebar-project>div{min-width:0}.sidebar-project small{display:block;font-size:8px;letter-spacing:1.1px;color:#8b98ad;font-weight:700;margin-bottom:5px}.sidebar-project strong{display:block;font-size:12px;line-height:1.5;color:#4a5d7c;font-weight:600;overflow-wrap:anywhere}.side-section{margin-bottom:23px}.side-heading{font-size:10px;color:#7b8ba7;letter-spacing:1px}.side-heading button{min-height:30px;min-width:30px;color:#667ead;border-radius:6px}.side-heading button:hover{background:#e7efff}.doc-item{font-size:12px;padding:11px 10px;line-height:1.5;color:#536a8e;border-radius:7px;gap:8px}.doc-item:hover{background:#eaf0fc}.doc-item.active{background:#e1eaff;color:#2d51bf;font-weight:600;box-shadow:inset 3px 0 #3458df}.doc-item .icon{color:#7d95bc}.doc-item small,.side-count{font-size:10px;color:#798ba8;font-variant-numeric:tabular-nums}.doc-item.active small{color:#4564ad}.group-head.active{background:#e4ecfc}.group-select{font-size:12px;line-height:1.6;color:#52698d}.group-head .expand{font-size:12px;min-height:30px;color:#8c9db8}.swatch{width:9px;height:9px;border-radius:3px}.code-pick{font-size:11px;color:#62799c;line-height:1.65}.code-pick .code-ref{font-size:10px;color:#8599b8}.code-row.active{background:#e3ecff}.mini-edit{color:#879bbd;opacity:.8;min-height:30px}.mini-edit .icon{width:13px;height:13px}.side-all{font-size:12px;color:#5974a0;background:#eaf0fc;border-radius:7px;padding:11px 10px}.sidebar-guide{border-radius:9px;background:#eeebfc;border-color:#ded7f5;color:#6b51b5;padding:14px 11px;margin-bottom:20px}.sidebar-guide:hover{background:#e7e1f9;border-color:#cbbff0}.sidebar-guide strong{font-size:12px}.sidebar-guide small{font-size:10px;color:#8b77b9}.side-bottom{color:#8898b0;font-size:10px;border-color:#e0e7f4}.side-bottom strong{color:#6a7fa1}.main-area{min-height:0;background:#edf1f9}.project-nav{height:57px;background:#fff;border-color:#dce4f2;gap:10px;padding:0 25px;align-items:center}.project-nav .tab{height:36px;min-height:36px;font-size:12px;gap:6px;color:#7184a3;padding:8px 13px;border-radius:7px;transition:background .15s}.project-nav .tab:hover{background:#f1f5fd}.project-nav .tab.active{color:#3458df;background:#eaf0ff}.project-nav .tab.active:after{display:none}.project-nav .tab .icon{width:16px}.main-toolbar{background:#ffffffde;border-bottom:1px solid #dce4f2;padding:20px 26px 17px}.toolbar-title h1{font-size:20px;color:#304466;letter-spacing:-.5px;font-weight:650}.toolbar-title .total{background:#edf2fd;color:#647fae;font-size:10px;padding:5px 8px;border-radius:5px}.toolbar-buttons{gap:7px}.toolbar-buttons button{font-size:11px;min-height:34px;padding:8px 10px}.layout-switch{display:flex;padding:3px;background:#edf1f9;border:1px solid #e4e9f4;border-radius:7px;gap:2px}.layout-switch button{background:transparent;border:0;color:#7588a6;padding:4px 10px;min-height:26px;font-size:11px}.layout-switch button[aria-pressed=true]{background:#fff;color:#3458df;box-shadow:0 1px 4px #3458df16;border-radius:4px}.filter-row{gap:8px}.filter-row input[type=search]{max-width:360px}.filter-row select{font-size:12px;border-color:#d7dfef}.filter-row button{min-height:34px;font-size:11px}.multi-code-toolbar{border-color:#e4eaf5;margin-top:13px;padding-top:12px}.multi-code-toolbar>span{font-size:11px;color:#7b8fae}.reader-options{font-size:11px;color:#7186a7;gap:12px}.reader-options input[type=number]{width:55px;min-height:30px}.reading-controls{display:flex;align-items:center;gap:3px;padding-left:12px;border-left:1px solid #e0e7f3}.reading-controls button{min-height:30px;padding:4px 7px;background:transparent;border:0;font-size:12px;color:#637ca6}.reading-controls span{font-size:10px;color:#879bb9;min-width:18px;text-align:center}.selection-hint{font-size:10px;line-height:1.6;color:#7b8fae;margin-left:auto}.paper{background:#fff;max-width:1000px;width:calc(100% - 54px);padding:30px 43px 43px;margin:25px auto 40px;border:1px solid #dce4f1;border-radius:10px;box-shadow:0 3px 5px #25396503}.source-row{gap:22px;padding:13px 12px}.source-text{font:var(--reading-size,18px)/1.95 var(--font);color:#344764;letter-spacing:0}.moderator .source-text{font:calc(var(--reading-size,18px) - 3px)/1.9 var(--font);color:#8192aa}.para-number{font:10px/3.2 ui-monospace,monospace;color:#a1aec3;width:23px}.reader-note{background:#fbf6e8;color:#8d7847;border-color:#eae0bd;font-size:11px;margin:18px 27px 0;border-radius:7px}.source-row.focused{background:#edf3ff;outline-color:#c2d2f8}.selection-action{border-color:#d4def3;border-radius:8px;box-shadow:0 6px 20px #244d9b2b}.selection-action .selection-delete{background:#cc3e50;border-color:#cc3e50}.selection-action .selection-delete:hover{background:#b12d40;border-color:#b12d40}
.quotes-list{max-width:1180px;padding:23px 27px 45px}.quotation{background:#fff;border:1px solid #d7e1f2;border-radius:10px;padding:20px 23px;box-shadow:0 2px 2px #223c6e05;margin-bottom:16px}.quotation:hover{border-color:#a7bce8;box-shadow:0 5px 14px #2744770b}.quotation:before{top:20px;bottom:20px;width:4px;border-radius:0 3px 3px 0}.quote-header{font-size:10px;color:#7489a9;flex-wrap:wrap;gap:7px;line-height:1.65}.quote-header .qid{font-size:9px;color:#9baac1}.quote-header .quote-status{font-size:9px;border-radius:4px;color:#8a7845;background:#fbf3d9;padding:4px 7px}.quote-header .quote-status.approved{background:#e5f3e9;color:#4b825a}.quote-header .quote-status.revise{background:#fce9e0;color:#b56e46}.quote-text{font:15px/1.9 var(--font);color:#3c4e6c}.quote-footer{gap:11px;align-items:flex-start;margin-top:18px}.code-tag{font-size:10px;padding:5px 8px;border-radius:4px;font-weight:500}.quote-buttons button{min-height:30px;font-size:10px;padding:5px 7px}.quote-note{font-size:11px;color:#8294b0;border-color:#e8eef7}.quotes-list.is-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;align-items:start;max-width:1400px}.is-grid .quotation{margin:0;padding:22px 23px}.is-grid .quote-header>span:first-child{flex-basis:100%;font-weight:600}.is-grid .quote-status{margin-left:auto}.is-grid .quote-text{font-size:14px;line-height:1.9}.is-grid .quote-footer{flex-direction:column;gap:14px}.is-grid .quote-buttons{flex-direction:row;margin-left:auto}.is-grid .more-button,.is-grid .empty{grid-column:1/-1}.empty{color:#8295b2;font-size:13px}.empty h3{font-size:20px;font-weight:600;color:#5a739b}.more-button{min-height:38px}.audit-note{color:#7286a6}
.code-table{background:#fff;border-color:#dce4f1;font-size:12px}.code-table th{font-size:11px;background:#f1f5fd;color:#6e85a9}.code-table td{border-color:#e9eff8}.code-table .code-name{color:#4a6288;font-weight:600}.code-table .definition{font-size:12px;color:#8396b2}.code-table .code-ref{font-size:10px;color:#8b9fbe}.code-table .group-row td{background:#ecf1fc;color:#627eaa;font-size:12px}.code-table tr[data-editcode]:hover td{background:#f6f8fe}.code-table .group-row button{min-height:28px;font-size:10px}.table-scroll{border-color:#dce4f1;border-radius:9px}.stat-card,.chart-panel{background:#fff;border-color:#dce4f2;border-radius:10px;box-shadow:0 2px 2px #233e6c03}.stat-card{border-top:3px solid #5274e9}.stat-card:nth-child(2){border-top-color:#8d73da}.stat-card:nth-child(3){border-top-color:#7bab45}.stat-card:nth-child(4){border-top-color:#e79d71}.stat-card .value{font-size:31px;font-weight:700;color:#4565a2;letter-spacing:-1px}.stat-card .label{font-size:11px;color:#8094b3}.panel-title{font-size:14px;color:#58759f;font-weight:600}.panel-title small,.stats-note,.matrix-key{font-size:11px;color:#879bb9}.bar-row{font-size:12px;color:#6986b1}.bar-track{background:#edf2fc;border-radius:4px}.bar-fill{border-radius:4px;opacity:.9}.bar-value{font-size:12px;color:#6b89b6}.segmented{background:#e0e8f7}.segmented button{font-size:11px;color:#7a92b7;min-height:32px}.segmented button.active{color:#3458df}.matrix-table th:first-child{background:#f1f5fd}.inline-action,.stat-link{color:#5d82bd}.stats-controls button{min-height:34px}
dialog{background:#fff;border:1px solid #d3dff3;border-radius:14px;box-shadow:0 22px 90px #1c335343}dialog::backdrop{background:#1c31595e;backdrop-filter:blur(3px)}.modal-head{background:#f9fbff;border-color:#e1e9f7;padding:23px 27px 20px}.modal-head h2{font-size:23px;font-weight:700;letter-spacing:-.7px;color:#304b78;line-height:1.4}.modal-head h2 small{font-size:11px;color:#8c9fbb;letter-spacing:0;font-weight:400;line-height:1.8}.modal-head>button{min-width:36px;min-height:36px;border-radius:8px;background:#fff}.modal-body{color:#5b769d;font-size:13px;line-height:1.8}.modal-footer{background:#f6f9ff;border-color:#e0e9f8}.modal-footer button{font-size:12px;min-height:38px}.modal-body .intro-lead{font-size:16px;color:#667fa4;line-height:1.8}.welcome-features{gap:12px}.welcome-features>div{background:#eff3ff;border-color:#dce5fb;border-radius:10px;padding:20px 17px}.welcome-features>div:nth-child(2){background:#f2edfc;border-color:#e5dbf7}.welcome-features>div:nth-child(3){background:#edf5e1;border-color:#deebca}.welcome-features .icon{color:#5275cf;width:24px;height:24px}.welcome-features>div:nth-child(2) .icon{color:#8c6ac7}.welcome-features>div:nth-child(3) .icon{color:#7e9f4d}.welcome-features strong{color:#506b95;font-size:13px}.welcome-features p{color:#7d91ae;font-size:12px}.demo-callout{background:#f0ecfc;border-left-color:#8b6cd1;color:#7255ad;border-radius:7px}.demo-callout p{color:#8d77b5}.modal-body .intro-storage{font-size:11px;color:#859ab8}.guide-steps{border-color:#e0e8f8}.guide-steps button{border-radius:7px;width:35px;height:35px;min-height:35px}.guide-steps button[aria-current]{background:#3458df;border-color:#3458df;box-shadow:0 3px 8px #3458df26}.guide-slide h3{font-size:28px;font-weight:700;letter-spacing:-1px;color:#3c5c8c}.modal-body .guide-lead{font-size:14px;color:#7991b3}.guide-visual{background:#edf2fd;border-color:#dce6fa;border-radius:10px}.guide-visual>span{font-size:12px;color:#6886b4;background:#fff;border-color:#dbe6fb;border-radius:6px}.guide-visual small{color:#8fa5c6}.guide-instructions{color:#6a86af;font-size:13px;line-height:1.9}.guide-instructions li::marker{color:#5479cc}.guide-task{background:#eef5e1;border-left-color:#a3c56f;color:#718f46;font-size:12px;border-radius:7px}.field-label,.editor-title{font-size:11px;color:#7891b3}.small-note,.form-note,.code-help,.muted{color:#839bbd}.editor-source{background:#f6f9ff;border-color:#dce6f8;border-radius:8px;color:#8199bd;font-size:14px}.editor-source mark,.range-row mark{background:#e3f0c9;color:#527033}.editor-right{background:#f7f9ff;padding:15px 20px;border:1px solid #e2eaf9;border-radius:10px}.edit-group-label{font-size:11px;color:#8199bd}.edit-code-line{font-size:12px;color:#7892b8}.edit-code-line small{font-size:10px;color:#9eafc9}.local-pill{color:#8da4c7;border-color:#e2eafb;background:#fff;font-size:10px}.range-help{color:#8aa1c1;font-size:12px;line-height:1.8}.range-meta{color:#9aacc7;font-size:10px}.range-text{font-size:14px;color:#718eb7}.range-row{border-color:#e2eafa}.range-current,.selection-preview{color:#87a0c4;font-size:11px}.range-current>div{border-left-color:#bdd0f2}.context-controls button,.range-actions button{font-size:10px;min-height:32px}.filter-code-list fieldset{border-color:#dce7fa;border-radius:9px}.filter-code-list legend{color:#718eb8;font-size:12px}.filter-code-list .check-line{color:#6d8bb6;font-size:12px}.error,.login-error{color:#c34357!important}.help-list h3{color:#6787b7}.help-list p{font-size:13px;color:#839cc0}.confirm-box{border-radius:8px}#toast{background:#243d74;border-radius:10px;font-size:13px}#tooltip{background:#294678;border-radius:9px;font-size:12px}#tooltip strong{color:#d2e2ff}#tooltip small{color:#b3cbed}.loading{color:#3458df;font-size:14px}
.login-page{background:#edf1f9;padding:30px 40px 50px;min-height:100dvh}.login-brand{max-width:1130px;margin:0 auto;display:flex;align-items:center;gap:12px;font-size:21px;font-weight:750;color:#24375b;letter-spacing:-.7px}.login-layout{display:grid;grid-template-columns:1.15fr 1fr;max-width:1130px;gap:25px;margin:42px auto 0;align-items:stretch}.login-intro{position:relative;isolation:isolate;overflow:hidden;background:#3458df;border-radius:16px;color:#fff;padding:37px 39px;display:flex;flex-direction:column}.login-intro .intro-kicker{color:#d4dfff;font-size:9px;letter-spacing:1.6px}.login-intro h2{font:750 48px/1.02 var(--font);color:#fff;letter-spacing:-2.3px;margin:20px 0}.login-intro h2>span{color:#c9ef7a}.login-intro>p{color:#dae4ff;font-size:13px;line-height:1.85;max-width:360px;margin:0 0 22px}.login-intro .workshop-visual{min-height:220px;max-width:410px;width:100%;margin-top:auto;align-self:center;justify-self:center}.login-card{max-width:none;margin:0;background:#fff;border:1px solid #d9e3f6;border-radius:16px;padding:36px;box-shadow:0 5px 15px #23426e05;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.login-card .intro-kicker{font-size:9px;letter-spacing:1.3px;color:#6f8fba}.login-card h1{font:700 31px/1.16 var(--font);letter-spacing:-1.1px;color:#35517d;margin:18px 0}.login-card>p{font-size:13px;line-height:1.9;color:#7c95b7}.google-login{font-size:13px;color:#5879a8;border-color:#ccdbee;min-height:48px;border-radius:8px;margin-top:20px}.google-login:hover{background:#f3f7ff}.google-letter{font-size:20px}.login-card a.login-link{background:#3458df;border-color:#3458df;font-size:13px;border-radius:8px;min-height:48px;margin:11px 0 20px}.login-card a.login-link:hover{background:#2646c6}.login-privacy{background:#eef3fd;border-radius:9px;padding:17px;color:#6382b2}.login-privacy strong{font-size:12px}.login-privacy p{font-size:11px;color:#859fc3;line-height:1.9;margin:7px 0 0}.login-card>small{font-size:10px;line-height:1.8;color:#95a9c6;margin-top:20px}
/* Secondary labels retain the same blue family at readable contrast. */
.project-description,.start-guide p,.home-hint{color:#61718b}.quote-header,.reader-options,.selection-hint,.multi-code-toolbar>span{color:#647b9d}.modal-body,.modal-body .intro-lead,.welcome-features p,.guide-instructions{color:#526d94}.modal-body .intro-storage,.modal-head h2 small,.range-help,.small-note,.form-note,.code-help,.muted{color:#677e9f}.editor-source,.range-text,.edit-code-line{color:#587299}.field-label,.editor-title,.edit-group-label,.filter-code-list legend,.filter-code-list .check-line{color:#59759b}.local-pill,.range-current,.selection-preview{color:#6a83a8}.login-card>p{color:#627c9f}.login-card .intro-kicker{color:#607fa7}.login-privacy{color:#5274a4}.login-privacy p{color:#637fa3}.login-card>small{color:#7b92b2}.code-table .definition,.stats-note,.matrix-key,.stat-card .label{color:#6a83a6}
@media(min-width:1500px){.workspace{grid-template-columns:285px minmax(0,1fr)}.source-text{font-size:var(--reading-size,18px)}.quote-text{font-size:15px}.home{padding-top:38px}.workspace-intro{padding:38px 43px}.intro-copy h1{font-size:48px}}
@media(max-width:1150px){.appbar{padding:0 20px;gap:15px}.account-label{display:none}.crumb{max-width:31%;font-size:11px;padding-left:14px}.home{padding:26px 27px 50px}.workspace-intro{padding:29px 30px;grid-template-columns:1.25fr 1fr;gap:7px}.intro-copy h1{font-size:37px;letter-spacing:-1.4px}.workshop-visual{transform:scale(.92);transform-origin:right center}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.project-body{padding:19px}.project-body h2{font-size:18px}.project-metrics{gap:11px}.workspace{grid-template-columns:245px minmax(0,1fr)}.toolbar-top{align-items:flex-start;flex-wrap:wrap;gap:12px}.toolbar-buttons{justify-content:flex-start}.selection-hint{margin-left:0;flex-basis:100%}.quotes-list.is-grid{grid-template-columns:1fr;max-width:900px}.is-grid .quote-footer{flex-direction:row;align-items:flex-start}.start-guide{grid-template-columns:1fr 1.5fr;gap:25px}.start-guide ol{gap:14px}.login-layout{gap:20px}.login-intro{padding:32px}.login-intro h2{font-size:42px}.login-card{padding:30px}.login-card h1{font-size:28px}}
@media(max-width:900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.new-card{min-height:210px}.workspace-summary .summary-private{display:none}.workspace-intro .workshop-visual{transform:scale(.85);width:330px;margin-right:-10px}.intro-copy h1{font-size:33px}.intro-copy>p{font-size:12px}.intro-actions{gap:7px}.intro-actions button{font-size:11px;padding:10px}.app-logo{font-size:18px}.start-guide{grid-template-columns:1fr;gap:24px}.start-guide ol{gap:25px}.login-layout{max-width:650px;grid-template-columns:1fr}.login-intro{min-height:250px;padding:30px}.login-intro h2{font-size:38px;max-width:330px}.login-intro>p{max-width:300px;margin:0}.login-intro .workshop-visual{position:absolute;right:16px;bottom:25px;width:300px;transform:scale(.8);transform-origin:right bottom;opacity:.65}.login-intro h2,.login-intro>p,.login-intro .intro-kicker{position:relative;z-index:5}.login-card{padding:33px 35px}.login-card h1{max-width:400px}}
@media(max-width:800px){.workspace{display:grid;grid-template-columns:minmax(0,1fr)}.main-area{height:100%}.sidebar{position:fixed;top:68px;bottom:0;left:0;width:min(300px,86vw);z-index:26;box-shadow:8px 0 25px #23396b26}.sidebar:not(.open){display:none}.sidebar.open{display:block}.desktop-sidebar-toggle{display:inline-flex}.appbar .crumb{display:none}.appbar .action-label{display:none}.bar-actions>button{min-width:34px;padding:8px}.account-menu{padding-left:11px;margin-left:3px}.project-nav{gap:7px;padding:0 17px}.project-nav .tab{font-size:12px;padding:8px 12px}.paper{width:calc(100% - 36px);padding:25px 27px}.quote-buttons{flex-direction:row}}
@media(max-width:650px){.workspace-intro{grid-template-columns:1fr;padding:28px 25px;min-height:0}.workspace-intro .workshop-visual{position:absolute;right:-65px;top:24px;opacity:.14;width:330px;z-index:-1;transform:scale(1)}.intro-copy h1{font-size:35px;letter-spacing:-1.4px;margin-top:13px}.intro-copy>p{max-width:270px;color:#e1eaff}.intro-actions{gap:10px}.intro-actions button{font-size:11px;padding:10px 12px}.workspace-summary{gap:16px;padding:19px 1px 23px;font-size:11px}.workspace-summary b{font-size:15px}.workspace-summary .icon{display:none}.collection-heading{align-items:center;margin:4px 0 17px}.collection-heading h2{font-size:20px}.home-tools button{font-size:11px;padding:7px}.home-tools button:last-child{display:none}.project-grid{grid-template-columns:1fr;gap:16px}.project-body{padding:22px}.project-body h2{font-size:20px}.project-description{min-height:0}.project-metrics{gap:21px}.new-card{min-height:160px;gap:9px;padding:20px}.new-card small{display:none}.new-card .plus{height:35px;width:35px;font-size:25px}.new-card-action{margin-top:0}.start-guide{padding:22px;gap:20px;margin-top:23px}.start-guide ol{grid-template-columns:1fr;gap:15px}.start-guide li{flex-direction:row;gap:12px}.start-guide li>span{flex-shrink:0}.start-guide li p{margin-top:5px}.home-hint{font-size:10px}.login-intro .workshop-visual{display:none}.login-intro{min-height:0}.login-intro h2{font-size:36px;max-width:350px}.login-intro h2 br:first-child{display:none}.login-intro>p{max-width:350px}}
@media(max-width:600px){.appbar{height:62px;padding:0 14px;gap:8px}.app-logo{font-size:17px;gap:8px;letter-spacing:-.6px}.logo-mark{width:29px;height:30px;border-radius:8px;box-shadow:2px 2px 0 #c9ef7a}.app-logo .icon{width:17px;height:17px}.bar-actions{gap:3px}.bar-actions>button{padding:7px;min-height:34px;min-width:30px}.bar-actions>button.icon-only{display:none}.account-menu{padding-left:8px;margin-left:0}.account-menu summary{gap:4px}.account-avatar{width:25px;height:25px;font-size:11px}.account-popover{width:245px;top:44px}.home{padding:20px 16px 40px}.workspace-intro{border-radius:12px}.workspace{height:calc(100dvh - 62px);display:block}.main-area{height:100%;min-height:0}.sidebar{top:62px}.project-nav{height:52px;gap:4px;padding:0 13px;justify-content:space-between}.project-nav .tab{font-size:11px;gap:4px;padding:7px 9px;white-space:nowrap}.project-nav .tab .icon{display:none}.main-toolbar{padding:15px 16px}.toolbar-title h1{font-size:18px;line-height:1.45}.toolbar-title .total{font-size:9px}.toolbar-buttons{gap:6px}.toolbar-buttons button{min-height:34px;font-size:10px;padding:7px 9px}.layout-switch button{min-height:26px;padding:4px 9px}.filter-row{gap:8px}.filter-row input[type=search],.filter-row select{font-size:16px;max-width:100%}.reader-options{font-size:11px;gap:9px}.reader-options label:first-child{flex-basis:100%}.reader-options button{min-height:32px}.reader-options input[type=number]{font-size:16px}.reading-controls{margin-left:auto}.selection-hint{font-size:10px;flex-basis:100%;margin:0}.paper{margin:15px auto 30px;width:calc(100% - 24px);padding:20px 19px 30px;border-radius:8px}.source-row{padding:11px 1px;margin:0;gap:11px}.source-text{font-size:var(--reading-size,18px);line-height:1.9}.moderator .source-text{font-size:calc(var(--reading-size,18px) - 3px)}.para-number{width:18px;font-size:9px;line-height:3.5}.reader-note{margin:14px 12px 0;font-size:10px;line-height:1.8}.quotes-list,.quotes-list.is-grid{padding:16px 12px 35px;gap:14px}.quotation,.is-grid .quotation{padding:19px 19px;border-radius:9px}.quote-text,.is-grid .quote-text{font-size:14px;line-height:1.9}.quote-header{font-size:10px}.quote-header .quote-status{font-size:9px}.quote-footer,.is-grid .quote-footer{flex-direction:column;gap:14px}.quote-buttons{flex-direction:row;align-self:flex-end}.quote-buttons button{min-height:32px;font-size:10px}.code-tag{font-size:10px}.multi-code-toolbar{gap:9px}.multi-code-toolbar>span{font-size:10px}.modal-head{padding:20px}.modal-head h2{font-size:21px}.modal-body{padding:20px}.modal-footer{padding:15px 20px;gap:8px}.modal-footer button{font-size:11px;min-height:38px}.modal-body input:not([type=checkbox]),.modal-body select,.modal-body textarea{font-size:16px}.modal-head h2 small{font-size:10px}.welcome-features>div{padding:16px}.welcome-features .icon{width:20px;height:20px}.welcome-features p{font-size:12px}.guide-slide h3{font-size:25px}.guide-steps{gap:6px}.guide-steps button{width:29px;height:29px;min-height:29px}.guide-instructions{font-size:13px}.guide-visual{padding:13px}.guide-visual>span{font-size:11px}.editor-right{padding:17px 13px}.editor-source,.range-text{font-size:14px}.context-controls button,.range-actions button{min-height:35px;font-size:10px}.stat-card{padding:16px}.stat-card .value{font-size:28px}.stat-card .label{font-size:10px}.stat-strip{gap:10px}.chart-panel{padding:20px 17px}.bar-row{font-size:11px}.login-page{padding:25px 20px 35px}.login-brand{font-size:20px}.login-layout{margin-top:28px;gap:17px}.login-intro{padding:27px 25px;border-radius:12px}.login-intro h2{font-size:34px;letter-spacing:-1.5px}.login-intro>p{font-size:12px}.login-card{padding:26px 25px;border-radius:12px}.login-card h1{font-size:27px}.login-card>p{font-size:13px}.google-login,.login-card a.login-link{min-height:48px;font-size:13px}.account-popover button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
/* Reading and secondary information stay clear on the pale board surfaces. */
.side-heading,.side-count,.doc-item small,.code-pick .code-ref,.side-bottom,.side-bottom strong,.sidebar-project small,.project-nav .tab,.quote-note,.quote-header .qid,.toolbar-title .total,.reading-controls span,.source-row .para-number,.multi-code-toolbar>span,.selection-hint{color:#5e7292}.moderator .source-text{color:#657792}.quote-header{font-size:11px}.quote-header .qid{font-size:10px}.quote-header .quote-status{font-size:10px}.code-tag{font-size:11px}.side-count,.doc-item small{font-size:11px}.stat-card .label,.stats-note,.matrix-key,.panel-title small{color:#5e7292}.login-card>small{color:#657c9d}.sidebar-guide small{color:#7763a4}.source-row.focused .para-number{color:#3f609f}
@media(max-width:600px){.quote-header{font-size:10px}.quote-header .qid,.quote-header .quote-status{font-size:9px}.code-tag{font-size:10px}.side-count,.doc-item small{font-size:11px}}
/* Membership preparation and recovery tools */
.save-state{font-size:10px;color:#577c60;align-self:center;white-space:nowrap;margin-right:8px}.save-state.failed{color:#bd3b4e;font-weight:700}.summary-membership{margin-left:auto;background:#e1e8fd;color:#3458df;font-size:11px;border:0;min-height:30px;padding:6px 10px}.summary-membership .icon{width:13px;height:13px;margin:0 0 0 5px}.plans-link{display:block;margin:15px auto 0;border:0;background:transparent;color:#3458df;font-size:12px}.sidebar-history{display:flex;align-items:center;gap:8px;width:100%;background:transparent;border-color:#dce5f5;font-size:11px;color:#647fa8;margin:0 0 18px;padding:11px}.sidebar-history .icon{width:15px}.pilot-notice{background:#eaf0ff;border:1px solid #d7e2ff;border-radius:9px;padding:17px 19px;margin-bottom:23px;color:#4567a0}.pilot-notice strong{font-size:14px}.pilot-notice p{font-size:12px;line-height:1.9;margin:7px 0 0}.plan-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.plan-card{border:1px solid #cddcf7;border-top:4px solid #3458df;border-radius:10px;padding:23px;display:flex;flex-direction:column;background:#fff}.plan-card h3{font-size:34px;letter-spacing:-1px;margin:13px 0;color:#3458df}.plan-card h3 small{font-size:12px;color:#8192b0;letter-spacing:0;font-weight:400}.plan-card>p{font-size:12px}.plan-card ul{padding-left:18px;font-size:12px;color:#5c759b;line-height:2}.plan-card button{width:100%;margin-top:auto;opacity:.8;color:#607a9e;background:#edf2fc;font-size:11px;cursor:default}.plan-card.future-plan{border-color:#e0d9f3;border-top-color:#8971d0;background:#fbfaff}.future-plan .intro-kicker,.future-plan h3{color:#8663c7}.plan-card .small-note{font-size:11px}.scholarship-note{border-left:3px solid #a8ca6e;background:#f0f6e5;padding:18px 20px;border-radius:6px;margin:23px 0;color:#607d3b}.scholarship-note p{font-size:12px;margin:8px 0 0;line-height:1.9}.policy-details{border-top:1px solid #e0e8f6;margin-top:20px;padding-top:17px;font-size:12px;line-height:1.9}.policy-details summary{cursor:pointer;font-weight:600;color:#5977a4}.policy-details p{margin:15px 0 0}.protection-stats{display:flex;gap:20px;flex-wrap:wrap;background:#f1f5fd;padding:17px 20px;border-radius:9px;margin-bottom:24px;font-size:11px}.protection-stats b{display:block;font-size:23px;color:#4567a2;margin-bottom:4px}.protection-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:24px}.protection-grid section{border:1px solid #dce6f7;border-radius:9px;padding:20px}.protection-grid h3{font-size:15px;color:#52729e}.protection-grid p{font-size:12px;line-height:1.9}.protection-grid button{font-size:11px}.backup-limit{background:#fff6df;border:1px solid #eee0b5;border-radius:9px;padding:18px 20px;color:#8a7032;margin-bottom:25px}.backup-limit p{font-size:12px;margin:8px 0 0;line-height:1.9}.protection-projects{display:grid;gap:9px;margin-bottom:22px}.protection-projects button{display:flex;align-items:center;gap:9px;text-align:left;font-size:12px;color:#5a79a6;padding:12px}.protection-projects button .icon:last-child{margin-left:auto}.history-list{display:grid;gap:11px;margin-top:20px}.history-list article{border:1px solid #dce6f7;border-radius:9px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px}.history-list strong{font-size:12px;color:#52739f}.history-list p{font-size:11px;margin:7px 0 0;color:#7189ad}.history-list article>div:last-child{display:flex;gap:7px;flex-shrink:0}.history-list button{font-size:11px}.launch-checklist p{border-bottom:1px solid #e6edf8;padding:12px 0;font-size:12px;line-height:1.9}.launch-checklist b{display:inline-block;font-size:10px;padding:3px 8px;border-radius:5px;margin-right:9px;white-space:nowrap}.launch-checklist .ready{color:#59813d;background:#edf5e4}.launch-checklist .pending{color:#a37c34;background:#fff4d8}.launch-checklist .future{color:#8165b4;background:#f0eafa}.preparation-download{display:inline-block;background:#3458df;color:#fff;padding:12px 16px;text-decoration:none;border-radius:7px;font-size:12px;margin:15px 0}.bar-actions .account-popover button{line-height:1.6}
@media(max-width:1100px){.save-state{max-width:110px;overflow:hidden;text-overflow:ellipsis}.crumb{max-width:25%}}
@media(max-width:700px){.save-state{display:none}.plan-grid,.protection-grid{grid-template-columns:1fr}.plan-card{padding:20px}.history-list article{align-items:flex-start;flex-direction:column;gap:13px}.history-list article>div:last-child{align-self:flex-end}.history-list button{font-size:11px}.summary-membership{margin-left:0}.protection-stats{gap:17px;padding:16px}.protection-stats b{font-size:20px}.launch-checklist p{font-size:12px}.plan-card h3{font-size:31px}}
/* Praksis product identity and public origin story */
.brand-wordmark{display:flex;flex-direction:column;align-items:flex-start;gap:4px;line-height:1.1}.brand-wordmark strong{font:inherit;font-weight:750;letter-spacing:-.65px}.brand-wordmark>a{font-size:9px;letter-spacing:.45px;text-decoration:none;color:#687fab;font-weight:500}.brand-wordmark>a:hover{color:#3458df;text-decoration:underline}.login-brand .brand-wordmark>a{font-size:10px}.login-secondary{display:flex;justify-content:center;gap:17px;margin-top:17px}.login-secondary .plans-link{padding:4px 0;margin:0;font-size:12px}.about-body{padding:27px}.about-intro{background:#3458df;border-radius:12px;padding:27px 29px;color:#e6edff}.about-intro .intro-kicker{color:#d4dfff;font-size:9px;letter-spacing:1.3px}.about-intro h3{font-size:31px;font-weight:750;letter-spacing:-1.2px;line-height:1.15;margin:15px 0;color:#fff}.about-intro h3 span{color:#c9ef7a}.about-intro>p{font-size:13px;line-height:1.85;color:#e0e9ff;max-width:600px;margin:0}.about-story{padding:27px 0 7px}.about-story h3{font-size:19px;color:#45648e;letter-spacing:-.5px;margin-bottom:14px}.about-story p{font-size:13px;line-height:1.95;color:#607a9e;margin-bottom:15px}.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:7px 0 29px}.about-principles article{border:1px solid #dbe5f7;border-radius:8px;background:#f5f8ff;padding:18px}.about-principles article:nth-child(2){background:#f6f1fd;border-color:#e6ddf5}.about-principles article:nth-child(3){background:#f1f7e6;border-color:#e0ebce}.about-principles article>span{display:block;color:#758ec0;font-size:10px;font-weight:700;margin-bottom:11px}.about-principles strong{font-size:12px;color:#4d6b98}.about-principles p{font-size:11px;line-height:1.9;color:#6c83a1;margin:9px 0 0}.about-founders{border-top:1px solid #e0e8f7;padding-top:25px}.about-founders>h3{font-size:25px;line-height:1.25;letter-spacing:-.8px;color:#3b5e92;margin:12px 0 20px}.founder-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.founder-grid article{display:flex;align-items:center;gap:13px;border:1px solid #dbe5f6;border-radius:10px;padding:19px}.founder-monogram{height:44px;width:44px;background:#e5ecff;color:#4265c1;border-radius:10px;display:grid;place-items:center;font-weight:700;font-size:14px;flex-shrink:0}.founder-grid article:nth-child(2) .founder-monogram{background:#eee7fa;color:#8c6bbe}.founder-grid h4{font-size:15px;letter-spacing:-.3px;margin:0 0 6px;color:#4b6b99}.founder-grid article div>span{font-size:10px;color:#7085a3;line-height:1.7;display:block}.about-praksis{display:flex;gap:18px;background:#edf2ff;border:1px solid #dce5fa;border-radius:10px;padding:23px;margin-top:26px}.praksis-symbol{width:38px;height:38px;flex-shrink:0;display:grid;place-items:center;background:#3458df;color:#fff;font-size:20px;font-weight:700;border-radius:50%;box-shadow:3px 3px 0 #c9ef7a}.about-praksis h3{font-size:16px;color:#4f71a5;margin:0 0 11px;letter-spacing:-.3px}.about-praksis p{font-size:12px;line-height:1.95;color:#657fa4;margin:0 0 13px}.about-praksis a{font-size:11px;font-weight:600;text-decoration:none;color:#3458df}.about-praksis a:hover{text-decoration:underline}.about-praksis a .icon{width:13px;height:13px;margin-left:7px}.about-scholarship{border-left:3px solid #b6d47f;padding:6px 0 6px 15px;color:#6b8150;font-size:11px;line-height:1.85;margin:25px 0 0}
@media(max-width:700px){.brand-wordmark strong{font-size:16px}.brand-wordmark>a{font-size:8px}.login-brand .brand-wordmark strong{font-size:20px}.login-brand .brand-wordmark>a{font-size:9px}.about-body{padding:20px}.about-intro{padding:23px}.about-intro h3{font-size:27px}.about-intro>p{font-size:12px}.about-principles{grid-template-columns:1fr;gap:9px}.about-principles article{padding:16px 18px}.about-principles article>span{float:left;margin:0 12px 0 0;line-height:1.9}.about-principles p{font-size:12px;clear:both;margin:8px 0 0}.founder-grid{grid-template-columns:1fr;gap:11px}.founder-grid article{padding:17px}.founder-grid article div>span{font-size:11px}.about-founders>h3{font-size:23px}.about-praksis{padding:19px;gap:13px}.about-praksis h3{font-size:15px}.about-praksis p{font-size:12px}.about-story p{font-size:13px}}

/* Owner account directory */
dialog.members-dialog{width:min(1120px,calc(100vw - 32px));max-width:1120px}.member-metrics{display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:12px;margin-bottom:20px}.member-metrics>div{background:#f1f4fb;border:1px solid var(--line);border-radius:12px;padding:18px}.member-metrics span{font-size:10px;letter-spacing:.08em;color:var(--muted)}.member-metrics strong{display:block;font-size:32px;margin-top:10px;color:var(--accent)}.member-metrics .member-pilot-label{font-size:22px}.member-filters{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px;margin:22px 0}.member-filters label{font-size:12px;font-weight:600}.member-filters input,.member-filters select{display:block;width:100%;margin-top:8px;border:1px solid var(--line);background:#fff;padding:11px;border-radius:8px;color:var(--ink);min-height:42px}.member-list-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0;font-size:12px;color:var(--muted)}.member-table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:12px}.member-table{width:100%;border-collapse:collapse;text-align:left;min-width:780px;font-size:12px}.member-table th{background:#f2f5fc;font-size:11px;color:var(--muted);padding:14px;white-space:nowrap}.member-table td{border-top:1px solid var(--line);padding:16px 14px;vertical-align:top;line-height:1.6}.member-table small{display:block;color:var(--muted);font-size:11px;margin-top:4px;overflow-wrap:anywhere}.member-table strong{display:block;overflow-wrap:anywhere;max-width:260px}.member-plan,.member-owner{display:inline-block;background:#eef6df;color:#4a632d;font-size:10px;border-radius:5px;padding:3px 7px;white-space:nowrap}.member-owner{background:#edf0ff;color:var(--accent);margin-top:6px}.member-table td.members-empty{text-align:center;padding:36px;color:var(--muted)}@media(max-width:700px){.member-metrics{grid-template-columns:1fr 1fr}.member-metrics>div:last-child{grid-column:1/-1}.member-filters{grid-template-columns:1fr 1fr}.member-filters>label:first-child{grid-column:1/-1}.member-list-heading{align-items:flex-start;flex-direction:column}}