@font-face{font-family:LocalUI;src:local("Arial")}*{box-sizing:border-box} :root{--yellow:#fff18a;--blue:#063bff;--ink:#11152b;--muted:#505c7c;--line:#d8dfea;--paper:#fff;--shadow:5px 6px 0 var(--ink)}body{margin:0;background:var(--yellow);color:var(--ink);font:16px LocalUI,Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button{border:0;background:none}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #9a40d9;outline-offset:4px}button{transition:background .16s,transform .16s}button:hover{filter:brightness(.96)}button:active{transform:translateY(1px)}svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.sidebar{position:fixed;inset:0 auto 0 0;width:292px;border-right:2px solid var(--ink);padding:28px 24px 0;display:flex;flex-direction:column;overflow:hidden}.brand{font-size:53px;font-weight:900;letter-spacing:-3px;color:var(--blue);position:relative;line-height:1.2}.brand span{font-size:45px;position:absolute;right:0;top:-20px;color:var(--ink);transform:rotate(-20deg)}.tagline{font:italic 21px "Comic Sans MS",cursive;line-height:1.2;margin:5px 10px 32px;transform:rotate(-3deg)}#navigation{display:grid;gap:10px}.nav-item{width:100%;display:flex;align-items:center;gap:19px;min-height:57px;padding:12px 20px;border-radius:12px;font-size:21px;font-weight:700;text-align:left}.nav-item svg{width:29px;height:29px}.nav-item.active,.primary{background:var(--blue);color:#fff}.primary{border-radius:10px;padding:13px 20px;font-weight:700;min-height:44px}.create{margin-top:28px;width:100%;font-size:21px;display:flex;align-items:center;justify-content:center;gap:14px;padding:14px 12px}.plus{font-size:33px;font-weight:400;line-height:1}.sidebar-art{position:relative;flex:1;min-height:200px;margin:30px -24px 0;overflow:hidden}.sidebar-art p{font:700 italic 29px/1.05 "Comic Sans MS",cursive;transform:rotate(-12deg);margin:7px 0 0 45px;position:relative;z-index:1}.sidebar-art p span{color:var(--blue);font-size:75px;position:absolute;right:20px;bottom:-20px}.sidebar-art img{width:100%;display:block;margin-top:-1px;mix-blend-mode:multiply}.workspace{margin-left:292px;padding:16px 25px 0 29px;max-width:1900px}.topbar{display:flex;gap:25px;align-items:center;margin-bottom:23px;height:51px}.search{background:white;border:2px solid var(--ink);border-radius:14px;display:flex;align-items:center;gap:16px;padding:0 15px;height:52px;flex:1}.search span{display:flex}.search input{min-width:0;width:100%;height:45px;border:0;background:transparent;outline-offset:0}input::placeholder{color:var(--muted)}.icon-button{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border-radius:8px}.notification{position:relative;margin-left:25px}.notification:after{content:"";position:absolute;right:5px;top:5px;background:#ff4141;border:2px solid var(--yellow);width:10px;height:10px;border-radius:50%}.account{display:flex;gap:12px;align-items:center}.avatar{width:43px;height:43px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;flex-shrink:0;border:2px solid #fff;letter-spacing:-.6px}.me{background:#dec9b4;border-color:var(--ink)}.columns{display:grid;grid-template-columns:minmax(0,1.58fr) minmax(310px,1fr);gap:24px}.tabs{display:flex;border:2px solid var(--ink);border-radius:15px;box-shadow:var(--shadow);background:white;overflow:hidden;margin-bottom:22px;height:62px}.tab{flex:1;display:flex;align-items:center;justify-content:center;gap:13px;font-size:18px;font-weight:700;border-right:1px solid var(--line)}.tab:last-child{border:0}.tab.active{background:var(--blue);color:white}.card,.panel{background:var(--paper);border:2px solid var(--ink);border-radius:18px;box-shadow:var(--shadow)}.card{padding:21px 29px 20px;margin-bottom:20px}.author-row{display:flex;align-items:center;gap:11px;margin-bottom:15px}.author-info{line-height:1.4;font-size:14px}.author-info strong{font-size:16px}.author-link{padding:0;text-align:left}.topic{font-size:12px;border-radius:9px;background:#f0f2f8;padding:9px 13px;margin-left:4px;max-width:180px}.more{margin-left:auto}.card h2{font-size:28px;line-height:1.15;margin:0 0 7px;font-weight:800;letter-spacing:-.8px}.description{line-height:1.45;color:var(--muted);margin:0 0 20px;font-size:16px}.options{display:grid;gap:10px}.option{position:relative;border:1px solid var(--line);border-radius:9px;min-height:48px;padding:11px 15px;display:flex;align-items:center;gap:12px;overflow:hidden;text-align:left;width:100%;background:#fff}.option input{accent-color:var(--blue);width:20px;height:20px;flex-shrink:0;margin:0;cursor:pointer}.option-label{position:relative;z-index:1;flex:1}.option.result{background:#f0f3f8;font-weight:700}.option.selected{border-color:var(--blue);color:#0025b0}.bar{position:absolute;left:0;top:0;bottom:0;background:#d6ddec;border-radius:8px}.selected .bar{background:#dbe5ff}.option .check{position:relative;z-index:1;width:22px;height:22px;border:2px solid #a1acc6;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.selected .check{background:var(--blue);color:#fff;border-color:var(--blue)}.percent{z-index:1;position:relative}.results-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:13px;margin:18px 0 10px;gap:10px}.vote-button{margin-top:12px;width:100%}.vote-button:disabled{opacity:.5;cursor:not-allowed}.card-footer{display:flex;align-items:center;gap:17px;margin-top:17px}.metric{display:flex;align-items:center;gap:9px;min-height:44px;padding:4px 0;font-size:14px}.metric.on{color:var(--blue)}.discuss{margin-left:auto;border:1px solid var(--blue);border-radius:9px;padding:10px 14px;display:flex;gap:10px;align-items:center;min-height:46px;font-weight:700}.panel{padding:18px;margin-bottom:20px}.panel-heading{display:flex;align-items:center;gap:10px;margin-bottom:15px}.panel-heading h2{font-size:22px;letter-spacing:-.6px;margin:0}.panel-heading svg{width:30px;height:30px}.link{color:var(--blue);font-weight:700;min-height:44px}.panel-heading .link{margin-left:auto}.day-inner{background:#e8f3ff;border-radius:14px;padding:16px}.day-inner h3{font-size:20px;margin:0 0 6px;display:flex;gap:10px;align-items:center}.day-inner .description{font-size:14px;margin-bottom:14px}.day-inner .option{min-height:40px;padding:8px 12px;font-size:14px}.day-inner .options{gap:7px}.day-inner .primary{margin-top:16px;width:100%;font-size:16px}.comparison{background:#e8f3ff;border-radius:12px;padding:13px;display:flex;gap:12px;align-items:center;width:100%;text-align:left;margin-bottom:10px;line-height:1.4}.comparison small{display:block;color:var(--muted);font-size:12px}.comparison svg{color:var(--blue)}.mini-avatars{display:flex;padding-left:0}.mini-avatars .avatar{width:29px;height:29px;font-size:9px;margin-left:-7px}.mini-avatars .avatar:first-child{margin:0}.person{display:flex;align-items:center;gap:10px;margin:12px 0}.person:last-child{margin-bottom:0}.person-info{flex:1;min-width:0}.person-info strong{font-size:15px}.person-info small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.person .primary{padding:9px 12px;font-size:13px;min-height:40px}.person .following{background:#edf2ff;color:var(--blue)}.callout{background:#fff5b6;display:flex;gap:15px;align-items:center;cursor:pointer;width:100%;text-align:left}.callout svg{width:36px;height:36px;color:var(--blue)}.callout strong{display:block;margin-bottom:4px}.callout p{font-size:14px;color:var(--muted);line-height:1.4;margin:0}footer{padding:22px 0;color:var(--muted);font-size:12px;line-height:1.8}footer button{text-decoration:underline;font-size:12px}.mobile-nav{display:none}dialog{border:2px solid var(--ink);border-radius:18px;box-shadow:8px 8px 0 var(--ink);width:min(620px,calc(100vw - 32px));max-height:85vh;padding:24px;color:var(--ink)}dialog::backdrop{background:#10152b80;backdrop-filter:blur(3px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.dialog-top h2{margin:0;font-size:25px}.field{display:grid;gap:8px;margin:16px 0;font-weight:700}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid #a6b0c7;border-radius:8px;font-weight:400;background:white}.field textarea{resize:vertical;min-height:84px}.form-error{color:#ae192c;min-height:22px;line-height:1.4}.form-actions{display:flex;justify-content:space-between;gap:12px;margin-top:18px}.secondary{border:1px solid var(--ink);border-radius:8px;padding:10px 14px;min-height:44px}.comment{border-bottom:1px solid var(--line);padding:15px 0}.comment p{line-height:1.5;margin:8px 0;overflow-wrap:anywhere}.comment .link{font-size:13px}.empty{padding:44px 24px;text-align:center;line-height:1.6}.empty h2{font-size:24px}.topic-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.topic-tile{padding:22px;text-align:left;font-weight:700;font-size:18px;min-height:110px}.topic-tile small{display:block;font-size:13px;color:var(--muted);margin-top:12px}.view-title{font-size:28px;margin:5px 0 19px}.profile-summary{margin-bottom:22px;padding:22px}.profile-summary h2{margin:10px 0}.profile-summary p{line-height:1.5;color:var(--muted)}.setting{display:flex;gap:10px;align-items:flex-start;line-height:1.5;margin:16px 0}.setting input{margin-top:5px;accent-color:var(--blue);width:19px;height:19px}.danger{color:#b02435}.menu-actions{display:grid;gap:10px}.menu-actions button{text-align:left;padding:14px;border:1px solid var(--line);border-radius:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:14px 22px;border-radius:12px;z-index:10;max-width:90vw;opacity:0;pointer-events:none;transition:opacity .2s}#toast.visible{opacity:1}.muted{color:var(--muted)}.small-note{font-size:13px;line-height:1.5;color:var(--muted)}[hidden]{display:none!important}
@media(min-width:1450px){.card:first-child{min-height:440px}.card:first-child .options{margin-top:25px}.card:first-child .card-footer{margin-top:17px}.sidebar-art img{margin-top:-5px}}
@media(max-width:1250px){.sidebar{width:230px;padding-left:16px;padding-right:16px}.brand{font-size:46px}.tagline{font-size:18px}.nav-item{font-size:18px;padding-left:13px}.workspace{margin-left:230px;padding:16px 20px}.columns{grid-template-columns:minmax(0,1fr) 310px;gap:19px}.card{padding:18px}.card h2{font-size:24px}.topic{display:none}.person{flex-wrap:wrap}.person .primary{margin-left:auto}.card-footer{gap:14px}.discuss{font-size:13px;padding:8px}.sidebar-art{margin-left:-16px;margin-right:-16px}.create{font-size:18px}.panel-heading h2{font-size:20px}.notification{margin-left:0}.topbar{gap:14px}}
@media(max-width:1050px){.columns{grid-template-columns:minmax(0,1fr)}.rightbar{display:grid;grid-template-columns:1fr 1fr;gap:20px}.rightbar .panel{margin:0}.rightbar .callout{grid-column:1/-1}.sidebar{width:220px}.workspace{margin-left:220px}.account strong{display:none}.card h2{font-size:27px}.topic{display:block}.sidebar-art img{margin-top:15px}}
@media(max-width:700px){.sidebar{display:none}.workspace{margin:0;padding:14px 15px 80px}.topbar{gap:6px;margin-bottom:18px}.search{height:46px;padding:0 10px;gap:8px;border-radius:10px}.search input{font-size:13px;height:40px}.search svg{width:20px}.account{padding:0 2px}.account>span:last-child{display:none}.account .avatar{width:35px;height:35px}.notification{min-width:36px}.columns{gap:20px}.tabs{height:54px;margin-bottom:20px;box-shadow:3px 4px 0 var(--ink)}.tab{font-size:14px;gap:7px}.tab svg{width:20px}.card{padding:17px 15px;border-radius:14px;box-shadow:3px 4px 0 var(--ink);margin-bottom:17px}.card h2{font-size:24px;letter-spacing:-.5px}.description{font-size:14px;margin-bottom:17px}.author-info strong{font-size:14px}.author-info{font-size:12px}.topic{display:none}.avatar{width:38px;height:38px}.author-row{gap:9px}.card-footer{gap:15px;margin-top:13px}.metric{gap:5px;font-size:12px}.metric svg{width:22px}.discuss{gap:5px;font-size:12px;padding:8px}.discuss svg{width:20px}.option{font-size:14px;min-height:47px;padding:10px}.rightbar{display:flex;flex-direction:column;gap:18px}.panel{box-shadow:3px 4px 0 var(--ink)}.person{flex-wrap:nowrap}.results-meta{font-size:11px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;display:flex;background:white;border-top:2px solid var(--ink);padding:6px 5px max(6px,env(safe-area-inset-bottom));z-index:3;justify-content:space-around}.mobile-nav .nav-item{min-height:49px;flex-direction:column;gap:4px;padding:4px 8px;font-size:10px;min-width:0;width:auto;border-radius:9px}.mobile-nav .nav-item svg{width:23px;height:23px}.mobile-nav .nav-item.active{background:#eaf0ff;color:var(--blue)}.mobile-create{background:var(--blue);color:white;border-radius:12px;min-width:48px;font-size:30px}#toast{bottom:84px;width:max-content;max-width:90vw;font-size:14px}.topic-grid{gap:12px}.topic-tile{font-size:16px;padding:16px}.panel-heading h2{font-size:22px}dialog{padding:18px}.form-actions{flex-wrap:wrap}footer{font-size:11px}.sidebar-art{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.card h2,.description,.option-label,.profile-summary p{overflow-wrap:anywhere}