.app{min-height:100vh;background:#17191d;color:#f4f5f7}.topbar{height:66px;background:#22252b;border-bottom:1px solid #383d46;display:flex;align-items:center;gap:18px;padding:0 22px;position:sticky;top:0;z-index:30}.topbar strong{font-size:1.08em}.save-state{margin-left:auto;color:#a0a8b5;font-size:.77em}.icon-btn{background:none;border:0;color:#fff;font-size:26px;padding:5px}.shell{display:flex;min-height:calc(100vh - 66px)}.sidebar{width:238px;flex-shrink:0;background:#22252b;border-right:1px solid #373c45;padding:26px 13px}.sidebar small{display:block;color:#949ba8;letter-spacing:2px;padding:0 14px 18px}.nav{display:block;width:100%;border:0;border-radius:9px;background:none;color:#bdc3cc;padding:13px 14px;text-align:left;margin-bottom:5px}.nav:hover,.nav.active{background:#353a44;color:#fff}.scrim{display:none}.main{padding:38px clamp(20px,4vw,56px);flex:1;min-width:0;max-width:1600px}h1{font-size:2em;margin:0 0 10px}h2{font-size:1.35em;margin:0 0 12px}h3{font-size:1.05em}.muted{color:#a7afbc;line-height:1.55}.heading{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:20px}.heading h1,.heading h2{margin:0}.heading p{margin:5px 0 0}button:not(.nav):not(.icon-btn):not(.plastic-box):not(.paper-card):not(.scrim){border:1px solid #4a515e;background:#303640;color:#f5f6f8;border-radius:9px;padding:9px 13px}button:hover:not(:disabled){filter:brightness(1.13)}button.primary,.primary{background:#8fb9c5!important;color:#152329!important;border-color:#8fb9c5!important;font-weight:700}.danger{background:#512e34!important;border-color:#7b4149!important}.bad{background:#9c3e46!important;border-color:#b24c54!important}.good{background:#2b7e5a!important;border-color:#3e9a71!important}.back{margin-bottom:24px}.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:36px}.tile{min-height:195px;text-align:left!important;padding:25px!important;background:#24282f!important;border:1px solid #3d434d!important}.tile h2{margin:17px 0 9px}.tile p{color:#b4bac4;line-height:1.5;margin:0}.tile-icon{font-size:34px}.boxes{display:grid;grid-template-columns:repeat(auto-fill,minmax(195px,1fr));gap:24px}.box-tile{background:#22262d;border:1px solid #383e48;border-radius:15px;padding:19px;text-align:center}.plastic-box{--box-color:#8bb8c4;display:block;position:relative;width:160px;height:130px;background:transparent;border:0;margin:0 auto 12px;perspective:500px}.box-lid{position:absolute;z-index:3;top:17px;left:4px;width:152px;height:30px;background:color-mix(in srgb,var(--box-color),white 24%);border:3px solid color-mix(in srgb,var(--box-color),white 42%);border-radius:8px 8px 2px 2px;box-shadow:0 4px 8px #0004;transform-origin:top center}.box-body{position:absolute;top:36px;left:10px;width:140px;height:88px;background:color-mix(in srgb,var(--box-color),transparent 20%);border:3px solid color-mix(in srgb,var(--box-color),white 30%);border-radius:4px 4px 11px 11px;box-shadow:inset 0 -12px 20px #ffffff17,0 8px 15px #0004}.box-cards{position:absolute;top:13px;left:14px;width:106px;height:53px;background:repeating-linear-gradient(0deg,#e8e6dd,#e8e6dd 4px,#c7c8c1 5px);opacity:.38;border-radius:2px}.box-latch{position:absolute;top:-2px;left:52px;width:30px;height:18px;border:3px solid #ffffff80;background:#ffffff30;border-radius:0 0 6px 6px}.animating .box-lid{animation:open-lid .65s ease-in-out both}@keyframes open-lid{50%{transform:rotateX(-65deg) translateY(-6px)}to{transform:rotateX(0)}}.opening{text-align:center;margin:12vh auto}.opening .plastic-box{transform:scale(1.5);margin-bottom:55px}.box-name{display:block;width:100%;background:transparent!important;border:0!important;font-weight:700;font-size:1.05em}.box-actions,.mini-actions,.inline{display:flex;align-items:center;gap:8px}.box-actions{justify-content:center;margin-top:9px}.box-actions button,.mini-actions button{padding:4px 8px!important}.box-actions input[type=color]{width:34px;height:30px;padding:2px}.wrap{flex-wrap:wrap}section{margin-top:36px}.card-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.mini-card{width:100%;min-height:115px;position:relative;background:#e8e5db!important;color:#252932!important;border:1px solid #ccc9bf!important;box-shadow:0 4px 8px #0003;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:12px}.mini-card small{color:#646b71}.led{position:absolute;right:9px;top:9px;width:11px;height:11px;border-radius:50%;box-shadow:0 0 5px #0005}.led.red{background:#e14d50}.led.orange{background:#efa53e}.led.green{background:#36bc72}.mini-actions{justify-content:center;margin-top:6px}.question-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.question-tile{text-align:left!important;display:flex;flex-direction:column;gap:9px;min-height:110px}.question-tile span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.question-tile small{color:#b6bdc7}.learning{max-width:1100px;margin:auto}.study-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.study-middle{display:flex;align-items:center;justify-content:center;gap:15px;margin:40px 0}.arrow{font-size:24px;padding:12px!important}.paper-card,.editor-paper{width:min(70vw,700px);aspect-ratio:1.62;position:relative;background:#f4f0e5;border:2px solid #d7d1c3;border-radius:5px;box-shadow:0 12px 35px #0006;color:#20252b;overflow:hidden}.paper-card{padding:0;transition:transform .3s}.paper-card.flipped{animation:flip .4s ease}.paper-card.no-motion{animation:none}@keyframes flip{50%{transform:rotateY(90deg)}to{transform:rotateY(0)}}.paper-card.portrait,.editor-paper.portrait{aspect-ratio:.72;width:min(50vw,430px)}.paper-inner{position:absolute;inset:0}.lined{background-image:repeating-linear-gradient(to bottom,transparent 0,transparent 30px,#b4d0e5 31px,#b4d0e5 32px);background-position:0 18px}.flip-hint{position:absolute;bottom:7px;right:10px;font-size:11px;color:#6d7377}.paper-item{position:absolute;overflow:hidden;white-space:pre-wrap;text-align:left;line-height:1.2}.paper-item img,.edit-item img{width:100%;height:100%;object-fit:contain}.study-buttons{display:flex;gap:20px;justify-content:center}.study-buttons button{font-size:1.08em;padding:14px 25px!important}.editor-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:30px}.editor-tools{display:flex;flex-direction:column;gap:15px}.editor-tools label,.modal label,.settings label,.topic-content label{display:flex;flex-direction:column;gap:7px}.check{flex-direction:row!important;align-items:center}.check input{width:auto}.upload{display:block;border:1px solid #4a515e;border-radius:9px;background:#303640;padding:10px;cursor:pointer;text-align:center}.properties{display:flex;flex-direction:column;gap:12px;border-top:1px solid #444;padding-top:15px}.editor-canvas-wrap{min-width:0}.editor-paper{width:min(100%,700px);margin:20px auto}.edit-item{position:absolute;overflow:hidden;white-space:pre-wrap;cursor:move;border:1px dashed transparent}.edit-item.selected{border-color:#1578b0;background:#8fc3e522}.quiz-panel{max-width:720px;margin:auto}.answers{display:grid;gap:12px;margin:22px 0}.answers button{text-align:left!important;padding:15px!important}.answers button.chosen{border-color:#b4d7e2!important;background:#415765!important}.library{display:grid;grid-template-columns:260px minmax(0,1fr);gap:22px}.topic-list,.topic-content{background:#22262d;border:1px solid #3a404a;border-radius:12px;padding:18px;min-height:380px}.tree-item{display:block;width:100%;text-align:left!important;border:0!important;background:none!important;margin:5px 0}.tree-item.active{background:#39444d!important}.topic-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:18px}.topic-images img{width:100%;max-height:200px;object-fit:contain}.topic-content textarea{margin-bottom:12px}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:18px;margin-top:30px}.stat{background:#252a31;border:1px solid #3c424d;border-radius:12px;padding:24px;display:flex;flex-direction:column;gap:12px}.stat strong{font-size:2.1em}.stat span{color:#b6beca}.settings{display:flex;flex-direction:column;gap:20px;max-width:500px}.settings input[type=range]{max-width:300px}.notice{padding:13px;background:#34454b;border:1px solid #607983;border-radius:9px;margin-bottom:20px;display:flex;justify-content:space-between;gap:10px}.notice button{padding:2px 7px!important}.modal-back{position:fixed;inset:0;z-index:50;background:#000b;display:flex;justify-content:center;align-items:center;padding:18px}.modal{background:#242830;border:1px solid #555c68;border-radius:15px;padding:24px;width:min(650px,100%);max-height:92vh;overflow:auto;display:flex;flex-direction:column;gap:14px}.option-row{display:flex;gap:9px;align-items:center}.option-row input[type=radio]{width:auto}.loading{padding:50px;text-align:center}@media(max-width:900px){.sidebar{position:fixed;top:66px;bottom:0;left:0;z-index:25;transform:translate(-100%);transition:transform .2s}.sidebar.show{transform:translate(0)}.scrim{display:block;position:fixed;inset:66px 0 0;z-index:20;background:#0008;border:0}.tiles{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.editor-layout,.library{grid-template-columns:1fr}.editor-tools{order:2}.editor-canvas-wrap{order:1}.main{padding:25px 18px}.paper-card{width:min(72vw,650px)}}@media(max-width:520px){.topbar{padding:0 12px}.topbar strong{font-size:.92em}.save-state{font-size:.6em}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-middle{gap:5px;margin:22px 0}.arrow{padding:7px!important;font-size:16px}.paper-card{width:69vw}.paper-card.portrait{width:54vw}.study-buttons{gap:8px}.study-buttons button{padding:11px!important;font-size:.83em}.heading{align-items:flex-start}.boxes{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:12px}.box-tile{padding:10px}.plastic-box{transform:scale(.85);margin-bottom:0}.opening .plastic-box{transform:scale(1.2)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.app{--surface:#20232a;--border:#373c45;--accent:#b8d6de;min-height:100dvh;background:radial-gradient(circle at 82% 8%,#242930 0%,transparent 43%),#16181c;color:#f1f3f5}.topbar{height:70px;background:#1c2026e8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-color:#373c46;padding-inline:clamp(12px,2vw,30px)}.topbar strong{letter-spacing:-.35px;font-size:1.15em}.brand-cross{font-style:normal;color:#a8cfda;margin-right:6px}.save-state{font-size:.76em;color:#a9c2c5}.sidebar{background:#1e2228;padding:29px 14px;width:248px;border-color:#343942}.sidebar small{font-size:.75em}.nav{padding:14px 16px;font-size:.95em;border-radius:11px;transition:background .18s}.nav.active{background:#3a4650;color:#f7fbfc;box-shadow:inset 3px 0 #a7d1db}.main{padding-top:44px}.main>h1,.heading h1{font-size:clamp(1.85em,2.5vw,2.6em);letter-spacing:-.8px}.muted{color:#b4bbc8}.eyebrow{letter-spacing:2.5px;color:#a9c8cf;font-size:.75em;margin-bottom:9px}.heading{margin-bottom:26px}button{transition:background-color .16s,filter .16s,box-shadow .16s}button.primary,.primary{background:#b1d3dc!important;border-color:#d1e4e8!important;color:#17232a!important;box-shadow:0 2px #0003;padding:11px 17px!important}button.primary:hover{background:#d3e8eb!important}.tiles{gap:20px;margin-top:44px}.tile{background:linear-gradient(150deg,#292f38,#22262e)!important;min-height:220px;border-color:#414956!important;border-radius:20px!important}.tile-icon{display:inline-grid;place-items:center;width:59px;height:59px;border-radius:18px;background:#3c4852;color:#d1e6ea}.tile h2{font-size:1.35em}.boxes{grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:20px;margin-top:24px}.box-tile{background:linear-gradient(165deg,#2a2f37,#21252c);border-color:#404650;border-radius:18px;padding:16px 12px 19px;box-shadow:0 12px 28px #0002}.plastic-box{width:100%;max-width:255px;height:210px;perspective:1000px;margin-bottom:0;filter:drop-shadow(0 12px 11px #0003)}.plastic-box:hover{filter:drop-shadow(0 15px 14px #0006)}.box-art{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.box-art img,.box-body-tint{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.box-art img{-webkit-user-select:none;user-select:none}.box-art-base{z-index:1}.box-art-lid{z-index:3;transform-origin:50% 28%;backface-visibility:hidden}.box-body-tint{z-index:2;opacity:.32;mix-blend-mode:multiply;mask-image:url(/box-tint-mask.png);-webkit-mask-image:url(/box-tint-mask.png);mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;mask-size:contain;-webkit-mask-size:contain}.animating .box-art-lid{animation:lift-lid .75s cubic-bezier(.32,.65,.4,1) both}@keyframes lift-lid{0%{transform:rotateX(0)}65%{transform:rotateX(-65deg) translateY(-16px)}to{transform:rotateX(-75deg) translateY(-18px)}}.opening{text-align:center;margin:9vh auto}.opening .plastic-box{transform:scale(1.6);height:235px;max-width:300px;margin:0 auto 85px}.box-name{font-size:1.18em;letter-spacing:-.2px;word-break:break-word}.box-count{font-size:.8em;display:block;color:#b0b8c4;margin:3px 0 12px}.box-actions{gap:7px}.box-actions button{min-width:34px;min-height:33px;border-radius:8px!important}.box-actions input[type=color]{cursor:pointer;width:36px;height:34px;border-radius:8px}.add-box-tile{background:#242931!important;border:1px dashed #63717d!important;border-radius:18px!important;min-height:303px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#cad8df!important}.add-box-tile .add-box-icon{font-family:Arial,sans-serif;font-style:normal;width:62px;height:62px;border-radius:20px;display:grid;place-items:center;font-size:2.5em;background:#35414c}.add-box-tile strong{font-size:1.2em}.add-box-tile small{color:#9baab7;max-width:180px}.card-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px}.mini-card{border-radius:7px!important;min-height:133px;box-shadow:0 7px #0002,0 9px 18px #0003}.mini-card span:not(.led){font-size:1.2em}.question-tile{background:#292e36!important;border-color:#424a56!important}.paper-card,.editor-paper{background-color:#f4f0e5;border:2px solid #c5bfaf;box-shadow:0 12px 38px #0007;border-radius:5px}.paper-card .paper-inner,.editor-paper{color:#1d2831}.paper-card:not(.no-motion){transition:transform .23s}.paper-card:hover{filter:brightness(1.025)}.study-middle{margin-top:35px}.study-top span{background:#2c343b;padding:9px 14px;border-radius:22px;color:#e8f0f2}.study-buttons button{min-width:170px}.editor-tools{padding:20px;background:#232831;border:1px solid #3e4651;border-radius:16px;height:max-content}.editor-paper{touch-action:none}.edit-item{border:1px dashed #546875;touch-action:none}.edit-item.selected{border:2px dashed #3579a0}.resize-handle{position:absolute;right:0;bottom:0;z-index:6;background:#a9d1d8!important;border:1px solid #337194!important;color:#172832!important;font: 15px Arial,sans-serif!important;padding:2px 5px!important;border-radius:3px 0 0!important;cursor:nwse-resize;touch-action:none}.library{grid-template-columns:280px minmax(0,1fr)}.topic-list,.topic-content{background:#242930;border-radius:17px;border-color:#424954;padding:20px;min-height:450px}.topic-list .tree-item{border-radius:9px!important;line-height:1.35;word-break:break-word}.library-welcome{margin:9vh auto;text-align:center;max-width:430px}.library-welcome>span{font-size:2.7em;color:#b1d3dc}.empty-inline{margin-top:23px;color:#9faab6;font-size:.9em}.modal{background:#262c34;border:1px solid #515e69;box-shadow:0 28px 100px #000a;border-radius:19px;gap:19px}.entry-modal,.confirm-modal{max-width:490px}.entry-modal input{font-size:1.1em}.stats .stat{border-radius:16px}@media(min-width:901px){.sidebar{position:sticky;top:70px;height:calc(100dvh - 70px);overflow:auto}.main{max-width:none}}@media(max-width:900px){.sidebar,.scrim{top:70px}.main{padding:26px 18px}.library,.editor-layout{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:520px){.topbar{height:64px}.topbar strong{font-size:.88em}.save-state{max-width:110px;font-size:.62em}.sidebar,.scrim{top:64px}.boxes{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.box-tile{padding:8px 5px 11px}.plastic-box{height:145px;max-width:180px;transform:none}.box-name{font-size:.96em}.box-count{font-size:.67em}.box-actions{gap:3px;flex-wrap:wrap}.box-actions button{min-width:29px!important;padding:5px 7px!important}.add-box-tile{min-height:230px;padding:12px!important}.add-box-tile strong{font-size:1em}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.study-middle{gap:3px}.study-middle .arrow{min-width:33px!important}.paper-card{width:72vw}.paper-card.portrait{width:53vw}.study-buttons{flex-wrap:wrap}.study-buttons button{min-width:135px}.opening .plastic-box{transform:scale(1.25);margin-bottom:52px}}@media(prefers-reduced-motion:reduce){.animating .box-art-lid{animation:none}}.quiz-paused{border:1px solid #4b5c67;border-radius:15px;background:#27313a;padding:32px;margin-top:20px;text-align:center}.topbar .save-state{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}@media(max-width:520px){.topbar .save-state{max-width:105px;white-space:nowrap}}.plastic-box .box-front-label{position:absolute;z-index:5;left:16%;right:16%;top:69%;max-height:21%;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:1px 5px;color:#292f32;font-family:inherit;font-weight:750;font-style:italic;line-height:1.1;font-size:clamp(11px,1vw,15px);letter-spacing:0;text-align:center;text-wrap:balance;overflow-wrap:anywhere;text-shadow:0 1px 1px #ffffffb8;pointer-events:none}.flip-hint{font-family:Arial,sans-serif;font-weight:700;font-style:normal;font-size:22px;right:13px;bottom:8px;line-height:1;color:#69727b}.topic-node-row{display:flex;align-items:center;gap:2px;min-width:0}.topic-node-row .tree-item{flex:1;min-width:0;margin:3px 0!important;padding:9px 7px!important}button.topic-disclosure{flex:0 0 31px;width:31px;height:35px;display:grid;place-items:center;padding:0!important;border:0!important;background:transparent!important;color:#b8c3d0!important;font-family:Arial,sans-serif!important;font-style:normal!important;font-size:18px!important}.topic-disclosure-spacer{flex:0 0 31px;width:31px}.topic-children{border-left:1px solid #45505b;margin-left:15px}@media(max-width:520px){.plastic-box .box-front-label{font-size:12px;top:70%}}.cloud-auth-top{width:auto;max-width:135px;flex-shrink:0;font-size:.85em;padding:7px 10px;border:1px solid #52606a;border-radius:10px;background:#303943;color:#e4f3f6}.cloud-settings{background:linear-gradient(155deg,#29343d,#242a32);border:1px solid #50606a;padding:20px;border-radius:18px;margin:0 0 26px;max-width:930px}.cloud-settings .heading{margin-bottom:5px}.cloud-settings h2{margin:0;font-size:1.35em}.cloud-status{display:inline-block;padding:8px 12px;border-radius:10px;background:#364b51;color:#e0f7f4;font-weight:700}.cloud-settings p{line-height:1.6}@media(max-width:520px){.topbar strong{font-size:.77em!important;white-space:nowrap}.cloud-auth-top{font-size:.72em;max-width:68px;padding:6px}.topbar .save-state{max-width:82px!important}.topbar{gap:5px!important;padding-inline:8px!important}}:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#f3f4f7;background:#17191d;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{color:#f4f5f7;background:#272b33;border:1px solid #444a55;border-radius:9px;padding:10px;width:100%}textarea{resize:vertical}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #a5c8d5;outline-offset:2px}a{color:#b4d6e1}:root{font-family:Georgia,Times New Roman,serif;font-style:italic;font-weight:600}html{color-scheme:dark}body,button,input,textarea,select{font-family:Georgia,Times New Roman,serif;font-style:italic}button{font-weight:700}input,textarea,select{font-weight:600}