:root{color:#2f271d;background:#b9926f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 20% 10%,rgba(255,255,255,.18),transparent 34rem),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(#b68d68,#9f7655);background-size:auto,74px 100%,auto}button,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;padding:clamp(20px,4vw,54px)}.landing-wrap{display:grid;min-height:calc(100vh - clamp(40px,8vw,108px));place-items:center}.closed-folder{position:relative;width:min(470px,92vw);min-height:min(570px,calc(100vh - 72px));filter:drop-shadow(0 22px 24px rgba(52,31,14,.35))}.folder-back-layer,.folder-front,.folder-body{background:radial-gradient(circle at 20% 16%,rgba(255,255,255,.32),transparent 20rem),repeating-linear-gradient(75deg,rgba(103,73,30,.045) 0 1px,transparent 1px 5px),#efd38f;border:1px solid rgba(94,64,27,.28)}.folder-back-layer{position:absolute;inset:18px 4px -10px 18px;border-radius:10px 18px 22px 12px;transform:rotate(1.5deg)}.folder-front{position:absolute;inset:0 22px 0 0;display:flex;flex-direction:column;align-items:center;padding:82px 44px 42px;border-radius:10px 18px 24px 10px;clip-path:polygon(0 0,84% 0,88% 8%,100% 8%,100% 100%,0 100%)}.front-tab{position:absolute;top:0;right:8px;width:110px;height:78px;border-radius:0 16px 0 14px;background:#fff6c9cc;border-left:1px solid rgba(94,64,27,.18)}.folder-front h1{max-width:440px;margin:0;font-family:Special Elite,Courier New,Courier,monospace;font-size:clamp(2rem,5.8vw,3rem);font-weight:400;line-height:1.1;text-align:center;text-wrap:balance}.ink-rule{width:min(340px,76%);height:16px;margin:14px 0 30px;border-top:3px solid rgba(47,39,29,.78);border-radius:50%;transform:rotate(-1deg)}.year-form{display:grid;width:min(350px,100%);gap:14px;justify-items:center}.year-form label{font-family:Special Elite,Courier New,Courier,monospace;font-size:1.15rem;font-weight:400}.select-shell{position:relative;width:100%}.select-shell:after{position:absolute;top:50%;right:18px;width:0;height:0;border-top:7px solid #2f271d;border-right:6px solid transparent;border-left:6px solid transparent;content:"";pointer-events:none;transform:translateY(-50%)}select{width:100%;min-height:50px;appearance:none;padding:0 46px 0 20px;color:#2f271d;background:#fffcecc7;border:1px solid rgba(47,39,29,.76);border-radius:6px;box-shadow:inset 0 1px #ffffffb3}.go-button,.change-year{border:0;box-shadow:0 5px #16120f,0 10px 16px #291c1047;transition:transform .16s ease,box-shadow .16s ease}.go-button{min-width:154px;min-height:50px;color:#fff8e8;background:#302d28;border-radius:10px;font-family:Special Elite,Courier New,Courier,monospace;font-size:1.45rem;font-weight:400}.go-button:hover,.change-year:hover{transform:translateY(-2px)}.go-button:active,.change-year:active{box-shadow:0 2px #16120f,0 5px 9px #291c1038;transform:translateY(2px)}.workspace{display:grid;min-height:calc(100vh - clamp(40px,8vw,108px));place-items:center}.open-folder{position:relative;width:min(1320px,100%);padding-top:58px;filter:drop-shadow(0 24px 26px rgba(54,35,19,.34))}.open-folder:before,.open-folder:after{position:absolute;right:18px;bottom:-12px;left:18px;height:34px;border:1px solid rgba(48,33,16,.25);border-radius:0 0 18px 18px;background:#f6f1e3;content:""}.open-folder:after{right:36px;bottom:-24px;left:36px;height:28px;background:#d8c5a2}.subject-tabs{position:absolute;top:0;left:clamp(18px,5vw,70px);z-index:2;display:flex;align-items:end;max-width:calc(100% - clamp(36px,10vw,140px));overflow-x:auto;padding:0 8px 8px;scrollbar-width:thin}.tab{position:relative;min-width:clamp(100px,10vw,130px);min-height:56px;margin-right:-4px;padding:10px 14px;color:#241e19;background:var(--tab-color);border:1px solid rgba(42,29,18,.27);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:inset 0 1px #ffffff8c,0 -2px 5px #2d1c0c1a;font-family:Special Elite,Courier New,Courier,monospace;font-size:clamp(.9rem,1.1vw,1.1rem);font-weight:400;transition:transform .16s ease,filter .16s ease}.tab span,.tab small{position:relative;z-index:1;display:block}.tab small{margin-top:2px;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-size:.75rem;font-weight:800;opacity:.72}.tab:hover,.tab.active{filter:saturate(1.06);transform:translateY(-7px)}.tab.active{z-index:5}.folder-body{position:relative;z-index:1;min-height:720px;padding:clamp(26px,4vw,54px);border-radius:18px 18px 22px;box-shadow:inset 0 2px #ffffff6b,inset 0 -1px #4c32122e}.folder-body:before{position:absolute;top:20px;right:32px;width:118px;height:82px;border-radius:0 14px 0 18px;background:#fff6c985;content:""}.folder-header{position:relative;z-index:1;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:24px}.title-lockup{display:flex;gap:18px;align-items:flex-start}.cap-mark{display:grid;width:50px;height:50px;place-items:center;color:#221c16}.cap-mark svg{width:44px;height:44px;fill:currentColor}.folder-header h1{margin:0;font-family:Special Elite,Courier New,Courier,monospace;font-size:clamp(1.8rem,4vw,3.2rem);line-height:.98;font-weight:400}.folder-header p{max-width:710px;margin:12px 0 0;color:#2f271dd1;font-size:clamp(.95rem,1.6vw,1.1rem);line-height:1.45}.change-year{flex:0 0 auto;padding:13px 18px;color:#fff8e8;background:#2f2c27;border-radius:8px;font-weight:800}.folder-summary{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid color-mix(in srgb,var(--accent) 72%,rgba(47,39,29,.3))}.folder-summary span{padding:8px 11px;border:1px solid rgba(47,39,29,.18);border-radius:999px;background:#fffce67a;font-size:.86rem;font-weight:800}.note-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:clamp(22px,3vw,34px)}.post-it,.empty-note{border:1px solid rgba(82,61,27,.16);background:linear-gradient(180deg,rgba(255,255,255,.28),transparent 45%),repeating-linear-gradient(90deg,rgba(70,42,14,.025) 0 1px,transparent 1px 6px),var(--note-color);box-shadow:0 4px 6px #4d371b26,inset 0 1px #ffffffad;border-bottom-right-radius:20px 4px}.post-it{position:relative;display:flex;min-height:350px;flex-direction:column;padding:22px 22px 18px;transform:rotate(var(--tilt));z-index:1}.post-it:after{position:absolute;right:12px;bottom:-10px;width:calc(100% - 34px);height:18px;z-index:-1;border-radius:50%;background:#2d1f0f4d;content:"";filter:blur(8px);pointer-events:none;transform:rotate(.7deg);transform-origin:100% 50%}.note-kicker{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.note-kicker span{padding:4px 7px;border:1px solid color-mix(in srgb,var(--accent) 52%,rgba(47,39,29,.35));border-radius:999px;background:#ffffff42;font-size:.68rem;font-weight:900;letter-spacing:0;text-transform:uppercase}.post-it h2{margin:0 0 14px;padding-bottom:8px;border-bottom:1px solid rgba(47,39,29,.3);font-family:Kalam,cursive;font-size:clamp(1.4rem,1.8vw,1.8rem);font-weight:700;line-height:1.1}.post-it p{margin:0 0 11px;font-family:Special Elite,Courier New,Courier,monospace;font-size:1rem;line-height:1.35}.post-it strong{font-weight:900}.source-list{display:grid;gap:6px;margin:auto 0 0;padding:15px 0 0;border-top:2px solid rgba(47,39,29,.46);list-style:none}.source-list a{display:inline-flex;max-width:100%;align-items:center;gap:8px;color:#2f271d;font-size:.86rem;font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}.source-list svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.2}.empty-note{min-height:180px;padding:28px;font-family:Georgia,Times New Roman,serif;font-size:1.35rem;font-weight:800}@media(max-width:860px){.app-shell{padding:18px 12px 34px}.closed-folder{min-height:560px}.folder-front{inset-right:0;padding:116px 28px 38px}.ink-rule{margin-bottom:58px}.open-folder{padding-top:52px}.subject-tabs{left:8px;max-width:calc(100% - 16px)}.tab{min-width:112px;min-height:58px;padding:12px 15px 10px}.folder-body{min-height:680px;padding:26px 16px}.folder-header{flex-direction:column;align-items:stretch}.title-lockup{gap:10px}.cap-mark{width:38px;height:38px}.cap-mark svg{width:36px;height:36px}.change-year{width:fit-content}.note-grid{grid-template-columns:1fr}.post-it{min-height:0;transform:rotate(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.001ms!important}}