:root{font-family:Inter,"Segoe UI",sans-serif;color:#29233f;background:#f7f5ff;font-synthesis:none;--accent:#6539d8;--line:#e8e2f3;--muted:#6b657d;--sunshine:#ffd166}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid var(--line);border-radius:10px;background:white;color:inherit;padding:10px 15px;font-weight:600;transition:background .15s,transform .15s}button:hover{background:#f1eaff}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:3px solid #a46b00;outline-offset:3px}.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.primary:hover{background:#5128bd}.go{background:var(--sunshine);border-color:#efb842;color:#593c0a}.danger{color:#a53145}.quiet{background:transparent}.small{font-size:12px;padding:7px 10px}.selected{background:#eee5ff;color:#6539d8;border-color:#d9c8ff}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #ddd4ee;border-radius:9px;background:#fff;color:inherit}textarea{resize:vertical;line-height:1.6;min-height:105px}input[type=checkbox]{width:17px;accent-color:var(--accent)}input[type=file]{font-size:12px}label{display:block;font-size:13px;font-weight:600;margin:16px 0 7px}p{line-height:1.6}h1,h2,h3,p{margin-top:0}h1{font-size:30px;font-weight:650;letter-spacing:-1.2px;margin-bottom:8px}h2{font-size:21px;letter-spacing:-.6px}h3{font-size:15px}a{color:var(--accent)}.muted{color:var(--muted);font-size:13px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.6px;color:var(--muted);font-weight:700}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.stack{display:grid;gap:14px}.check{display:flex;align-items:flex-start;gap:9px;line-height:1.5;font-weight:400}.check input{flex-shrink:0;margin-top:3px}.brandmark{height:38px;width:38px;border-radius:12px;background:var(--accent);color:#fff;font-family:Georgia,serif;font-size:31px;line-height:31px;text-align:center}.brand{display:flex;gap:10px;align-items:center;font-weight:700;font-size:19px;letter-spacing:-.5px}.loading{display:grid;place-content:center;justify-items:center;min-height:100vh;gap:20px}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{padding:28px 20px;border-right:1px solid var(--line);background:#5b35cf;display:flex;flex-direction:column;gap:30px;position:sticky;top:0;height:100vh}.sidebar nav{display:grid;gap:7px}.sidebar nav button{text-align:left;background:none;border:0;font-size:14px;font-weight:500;display:flex;gap:12px;align-items:center}.sidebar nav button.selected{background:#fff;box-shadow:0 2px 5px #45228914;font-weight:700}.nav-icon{font-size:18px;width:20px;text-align:center}.sidebar .bottom{margin-top:auto;padding-top:20px;border-top:1px solid #ffffff33}.workspace-name{font-size:13px;font-weight:600;overflow-wrap:anywhere;margin:6px 0}.private{display:inline-flex;align-items:center;gap:6px;font-size:11px;background:#eee6ff;border-radius:20px;padding:6px 9px;color:#5c38a4}.dot{width:6px;height:6px;border-radius:50%;background:#9b6ce6}.content{padding:32px 38px;min-width:0;max-width:1800px}.page-top{margin-bottom:25px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:25px 0}.stat{border:1px solid var(--line);background:#ffffff;border-radius:14px;padding:18px 20px}.stat strong{font-size:29px;font-weight:600;display:block;margin-top:10px}.studio{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);gap:22px;align-items:start}.panel{background:#fff;border:1px solid var(--line);border-radius:15px;padding:23px}.draft-list{max-height:700px;overflow-y:auto;padding:8px}.draft-card{width:100%;border:0;border-bottom:1px solid #eee8f7;border-radius:9px;padding:16px;text-align:left;background:transparent;display:block;font-weight:400}.draft-card.active{background:#f1eaff}.draft-card .title{font-weight:600;font-size:14px;line-height:1.45;margin:10px 0 6px}.draft-card .excerpt{font-size:12px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pill{display:inline-flex;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;border-radius:6px;background:#f0ebf8;padding:5px 7px;white-space:nowrap}.pill.gula{background:#ffe1d9;color:#9e3427}.pill.sesudu{background:#d7f5ef;color:#146957}.pill.kopi{background:#eee1ff;color:#6333a3}.status{font-size:11px;color:var(--muted)}.status.approved{color:#13745d}.tabs{display:flex;gap:6px;margin-bottom:14px;flex-wrap:wrap}.tabs button{font-size:12px;padding:8px 12px}.empty{text-align:center;padding:55px 26px;min-height:280px;display:grid;place-content:center;justify-items:center}.empty .empty-symbol{font-family:Georgia,serif;font-size:43px;color:#b68bea;margin-bottom:15px}.empty h2{font-size:22px}.empty p{max-width:330px}.editor-head{padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:22px}.account-select{max-width:220px;font-size:12px;padding:8px}.post{position:relative;padding:0 0 25px 37px}.post:before{content:"";position:absolute;left:11px;top:24px;bottom:0;width:1px;background:#e0d4f3}.post:last-child:before{display:none}.post-number{position:absolute;left:0;top:0;width:24px;height:24px;border:1px solid #d9c8f4;border-radius:50%;text-align:center;line-height:22px;font-size:11px;background:#f1eaff}.post-copy{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.7;margin:12px 0}.post-copy a{overflow-wrap:anywhere}.post .muted{font-size:11px}.post-editor{margin:10px 0}.media-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:12px 0 18px}.media-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fbf9ff}.media-card img,.media-card video{display:block;width:100%;height:210px;object-fit:contain;background:#f1ecfa}.media-caption{padding:9px 11px;font-size:11px;display:flex;justify-content:space-between;align-items:center}.media-caption button{padding:3px 8px}.review-bar{padding:14px;background:#f1edff;border-radius:10px;margin-bottom:20px;font-size:12px}.composer{border-top:1px solid var(--line);padding-top:20px}.composer input{flex:1;min-width:130px;font-size:13px}.approval-bar{border-top:1px solid var(--line);padding-top:20px;margin-top:20px;display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap}.notice{padding:13px 15px;border-radius:10px;background:#fff3cd;font-size:12px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.error{background:#fff0f2;color:#a53145}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1100px}.settings-grid .panel{align-self:start}.divider{height:1px;background:var(--line);margin:22px 0}.time-row{display:grid;grid-template-columns:1fr auto;gap:10px;max-width:240px;margin:9px 0}.user-row{padding:16px 0;border-top:1px solid var(--line);font-size:13px}.activity{font-size:12px;display:grid;gap:15px}.activity-entry{border-bottom:1px solid var(--line);padding-bottom:14px}.auth-wrap{min-height:100vh;display:grid;grid-template-columns:1fr 1fr}.auth-story{background:var(--accent);color:#ffffff;padding:60px 12%;display:flex;flex-direction:column;justify-content:space-between}.auth-story .brandmark{background:#ffd166;color:var(--accent)}.auth-story h1{font-family:Georgia,serif;font-weight:400;font-size:60px;line-height:1.12;letter-spacing:-2px;max-width:470px}.auth-story p{color:#eee7ff;max-width:390px;font-size:14px}.auth-steps{display:flex;gap:20px;font-size:12px;color:#eee7ff;padding:24px 0;border-top:1px solid #ffffff40}.auth-form-wrap{display:grid;place-items:center;padding:45px}.auth-form{width:100%;max-width:355px}.auth-form h2{font-size:28px;margin-top:28px}.auth-form .primary{width:100%;margin-top:22px}.auth-form .private{margin-bottom:14px}dialog{border:1px solid var(--line);border-radius:18px;padding:28px;width:min(560px,94vw);max-height:90vh;box-shadow:0 20px 100px #30205c40;color:inherit}dialog::backdrop{background:#24144370;backdrop-filter:blur(3px)}dialog h2{margin-bottom:8px}dialog .actions{margin-top:24px;justify-content:flex-end}.hidden,[hidden]{display:none!important}#toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#452289;color:#fff;border-radius:11px;box-shadow:0 4px 25px #0002;padding:13px 20px;font-size:13px;max-width:80vw;z-index:50;white-space:pre-wrap}.busy{position:fixed;bottom:20px;right:25px;z-index:40;background:#fff;border:1px solid var(--line);box-shadow:0 6px 25px #0001;padding:15px 22px;border-radius:12px;font-size:13px}.spinner{display:inline-block;width:13px;height:13px;border:2px solid #e6d9ff;border-top-color:#6539d8;border-radius:50%;animation:spin 1s linear infinite;margin-right:9px}@keyframes spin{to{transform:rotate(360deg)}}.link-box{font-family:monospace;font-size:12px;word-break:break-all}.count{font-size:11px;color:var(--muted);text-align:right;margin-top:5px}.mini-label{font-size:11px;color:var(--muted)}.source{font-size:12px;margin:12px 0}.source a{display:inline-block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-loading{padding:90px 0;text-align:center;color:var(--muted)}@media(min-width:1500px){.studio{grid-template-columns:370px minmax(0,850px)}}@media(max-width:1100px){.shell{grid-template-columns:185px 1fr}.sidebar{padding:26px 14px}.content{padding:28px 22px}.studio{grid-template-columns:260px minmax(0,1fr)}.panel{padding:18px}.media-card img,.media-card video{height:150px}.auth-story h1{font-size:48px}}@media(max-width:850px){.shell{display:block}.sidebar{height:auto;position:static;padding:16px 20px;gap:16px;border-right:0;border-bottom:1px solid var(--line)}.sidebar nav{display:flex;gap:4px;overflow:auto}.sidebar nav button{white-space:nowrap;padding:9px 12px}.sidebar .bottom{display:none}.content{padding:24px 18px}.studio{grid-template-columns:1fr}.draft-list{max-height:290px}.settings-grid{grid-template-columns:1fr}.stats{gap:8px}.stat{padding:14px}.stat strong{font-size:24px}.auth-wrap{grid-template-columns:1fr}.auth-story{padding:25px 30px;gap:20px}.auth-story h1{font-size:35px;margin:0}.auth-story .auth-steps,.auth-story .story-note{display:none}.auth-form-wrap{padding:32px 25px}.auth-form h2{margin-top:0}.media-card img,.media-card video{height:220px}.page-top h1{font-size:26px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

.notice .post-copy{font-size:12px;margin:6px 0}.notice details summary{cursor:pointer;font-size:12px}.notice p{margin-bottom:6px}
@media(max-width:850px){.sidebar .bottom{display:flex;align-items:center;gap:12px;margin:0;padding:9px 0 0}.sidebar .bottom p,.sidebar .bottom .private{display:none}.sidebar .bottom .workspace-name{margin-right:auto}}


/* Lively studio palette: violet navigation, coral / mint agent accents and sunshine actions. */
.sidebar{color:#fff;border-color:#5b35cf}
.sidebar .brandmark{background:#ffd166;color:#402277;box-shadow:0 4px 16px #32187c26}
.sidebar .eyebrow,.sidebar .muted{color:#e9e1ff}
.sidebar nav button{color:#f5f1ff}
.sidebar nav button:hover{background:#ffffff18;color:#fff}
.sidebar nav button.selected{color:#5128bd;background:#fff;box-shadow:0 5px 16px #32187c20}
.sidebar nav button.selected .nav-icon{color:#7344e5}
.sidebar .private{background:#ffffff1f;color:#fff;border:1px solid #ffffff30}
.sidebar .dot{background:#ffd166}
.sidebar .bottom .quiet{background:#ffffff12;border-color:#ffffff38;color:#fff}
.sidebar .bottom .quiet:hover{background:#ffffff26}
.page-top .eyebrow{color:#7c4bc9}
.page-top h1{color:#35215b}
.primary{box-shadow:0 4px 12px #6539d81a}
.go:hover{background:#ffc54c}
.selected:hover{background:#e7d9ff}
.panel{box-shadow:0 3px 14px #42206e04}
.stat{border-width:1px;box-shadow:0 4px 12px #42206e04}
.stat:nth-child(1){background:#eee5ff;border-color:#dfceff;color:#6235b1}
.stat:nth-child(1) .muted{color:#694b93}
.stat:nth-child(2){background:#daf7ed;border-color:#bae9d8;color:#146957}
.stat:nth-child(2) .muted{color:#356b5c}
.stat:nth-child(3){background:#ffe6d9;border-color:#ffd0b8;color:#a44224}
.stat:nth-child(3) .muted{color:#8d5139}
.draft-card:hover{background:#faf6ff}
.draft-card.active{background:#f1eaff;box-shadow:inset 3px 0 #9063e9}
.draft-card.active .title{color:#562c99}
.post-number{color:#6539d8;font-weight:700}
.review-bar{border:1px solid #e2d7fa}
.notice{color:#6d4f19}
.notice.error,.error{color:#a53145}
.auth-story{background:#5b35cf;color:#fff}
.auth-story .brandmark{background:#ffd166;color:#402277}
.auth-story h1{color:#fff}
.auth-story p,.auth-steps{color:#eee7ff}
input:focus,textarea:focus,select:focus{outline:2px solid #ba9ae9;outline-offset:1px;border-color:#9168ce}
button:focus-visible,a:focus-visible{outline-color:#a879e8}
.sidebar button:focus-visible{outline-color:#ffd166}