:root{--paper: #fdfbf4;--ink: #26221c;--muted: #6f6759;--red: #d9482b;--red-deep: #a83420;--blue: #9db9dd;--blue-strong: #2b5fa3;--margin-red: #e79a90;--rule: #c9d8ea;--row: 32px;--sans: "Nunito", "Segoe UI", sans-serif;--school: "Edu QLD Beginner", cursive;--hand: "Caveat", cursive;--cursive: "Dancing Script", cursive}*{box-sizing:border-box;margin:0}html{scroll-behavior:smooth}body{font-family:var(--sans);color:var(--ink);font-size:1rem;line-height:var(--row);background:#6b5741}.desk{position:fixed;inset:0;z-index:-1;background:url(/desk_hero.jpg) center/cover no-repeat}.desk:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 30%,#281c102e,#281c108c)}.paper-wrap{position:relative;max-width:940px;margin:clamp(14px,4vh,44px) auto 0;padding:0 10px}.paper{position:relative;background-color:var(--paper);background-image:linear-gradient(90deg,transparent 0,transparent 62px,var(--margin-red) 62px,var(--margin-red) 64px,transparent 64px),repeating-linear-gradient(var(--paper) 0,var(--paper) calc(var(--row) - 1px),var(--rule) calc(var(--row) - 1px),var(--rule) var(--row));background-position:0 0,0 8px;box-shadow:0 30px 80px #140c0480,0 4px 14px #140c044d;border-radius:2px;padding:calc(var(--row) * 1) clamp(20px,5vw,64px) calc(var(--row) * 2) clamp(74px,10vw,108px);min-height:96vh}.paper:after{content:"";position:absolute;left:8%;right:8%;bottom:-10px;height:10px;background:radial-gradient(ellipse at center,rgba(20,12,4,.35),transparent 70%);z-index:-1}.holes{position:absolute;left:22px;top:0;bottom:0;width:22px}.holes i{position:absolute;left:0;width:20px;height:20px;border-radius:50%;background:#6b5741;box-shadow:inset 0 2px 4px #00000073,0 1px #ffffff80}.holes i:nth-child(1){top:12%}.holes i:nth-child(2){top:50%}.holes i:nth-child(3){top:88%}.tabs{position:absolute;right:-4px;top:90px;z-index:3;display:flex;flex-direction:column;gap:10px}.tabs a{writing-mode:vertical-rl;padding:14px 7px;background:var(--tab);color:#fff;font-weight:800;font-size:.78rem;letter-spacing:.04em;border-radius:0 6px 6px 0;box-shadow:2px 2px 5px #140c0459;transition:transform .2s,padding .2s}.tabs a:hover{transform:translate(3px);color:#fff}.page-head{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-family:var(--school);font-size:1.05rem;color:var(--muted);border-bottom:2px solid var(--blue-strong);padding-bottom:6px;margin-bottom:calc(var(--row) * 1);line-height:var(--row)}.ph-name{font-family:var(--cursive);font-size:1.5rem;color:var(--ink);font-weight:500}.ph-name:hover{color:var(--red)}.ph-date{color:var(--ink)}h1,h2,h3{font-family:var(--school);font-weight:600}h1{font-size:2.5rem;line-height:calc(var(--row) * 2)}h2,.sec-h{font-size:1.7rem;line-height:calc(var(--row) * 1.5);margin-top:var(--row)}h3{font-size:1.2rem;line-height:var(--row)}p,li{line-height:var(--row)}a{color:var(--red);text-decoration:none;font-weight:700}a:hover{color:var(--red-deep)}.micro{font-family:var(--hand);font-size:1.2rem;color:var(--red);line-height:var(--row)}.redpen{font-family:var(--hand);color:var(--red)}.btn{display:inline-block;font-family:var(--sans);font-weight:900;font-size:.95rem;color:#fff;background:var(--red);padding:10px 26px;border-radius:6px;border:0;cursor:pointer;box-shadow:2px 3px #26221c40;transform:rotate(-.5deg)}.btn:hover{transform:rotate(-.5deg) translate(1px,1px);box-shadow:1px 2px #26221c40;color:#fff}.btn-ghost{display:inline-block;font-weight:800;font-size:.88rem;color:var(--ink);padding:9px 20px;border:2px solid var(--ink);border-radius:6px;cursor:pointer;background:#ffffffb3}.btn-ghost:hover{border-color:var(--red);color:var(--red)}.controls{display:flex;flex-wrap:wrap;gap:8px 26px;align-items:baseline;margin:var(--row) 0;line-height:var(--row)}.controls label{font-family:var(--school);font-size:1.05rem;color:var(--ink);display:inline-flex;align-items:baseline;gap:10px}.controls input[type=text]{font-family:var(--school);font-size:1.2rem;padding:0 6px;border:0;border-bottom:2px solid var(--ink);border-radius:0;background:transparent;color:var(--blue-strong);min-width:170px;line-height:calc(var(--row) - 4px)}.controls input[type=text]:focus{outline:none;border-bottom-color:var(--red)}.controls select{font-family:var(--school);font-size:1.02rem;padding:2px 8px;border:2px solid var(--ink);border-radius:6px;background:#ffffffbf;color:var(--ink)}.controls select:focus{outline:none;border-color:var(--red)}.circle-set{display:inline-flex;gap:16px;align-items:baseline}.circle-set input{position:absolute;opacity:0;pointer-events:none}.circle-set span{font-family:var(--school);font-size:1.1rem;padding:2px 12px;cursor:pointer;position:relative}.circle-set input:checked+span:after{content:"";position:absolute;inset:-4px -8px;border:2.5px solid var(--red);border-radius:50%;transform:rotate(-3deg);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cellipse cx='50' cy='30' rx='48' ry='27' fill='none' stroke='black' stroke-width='5' stroke-dasharray='150 200' stroke-dashoffset='-20' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 60'%3E%3Cellipse cx='50' cy='30' rx='48' ry='27' fill='none' stroke='black' stroke-width='5' stroke-dasharray='150 200' stroke-dashoffset='-20' stroke-linecap='round'/%3E%3C/svg%3E") center/100% 100% no-repeat;background:var(--red);border:0}.sheet{position:relative;background:#fff;border-radius:2px;box-shadow:0 8px 26px #46371e38,0 1px 4px #46371e1f;padding:clamp(14px,3vw,30px);margin:var(--row) 0;transform:rotate(-.4deg)}.sheet:before,.sheet:after{content:"";position:absolute;width:86px;height:24px;background:#e9dcb49e;border-left:1px dashed rgba(160,140,90,.35);border-right:1px dashed rgba(160,140,90,.35);transform:rotate(-3deg);top:-11px;left:7%}.sheet:after{left:auto;right:7%;transform:rotate(2.5deg)}.sheet svg{display:block;width:100%;height:auto}.sheet-head{display:flex;justify-content:space-between;gap:12px;font-family:var(--school);color:var(--muted);font-size:.95rem;border-bottom:1.5px solid var(--rule);padding-bottom:8px;margin-bottom:10px}.notes h2{position:relative;display:table}.notes h2:after{content:"";display:block;height:7px;margin-top:-4px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='7' viewBox='0 0 120 7'%3E%3Cpath d='M2 5 Q 30 1 60 4 T 118 3' fill='none' stroke='%23d9482b' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x;background-size:120px 7px}.notes ul{padding-left:22px}.notes li::marker{color:var(--red)}.xlinks{margin-top:calc(var(--row) * 1.5)}.xlinks-grid{display:flex;flex-wrap:wrap;gap:10px 14px;margin-top:8px}.xlinks-grid a{font-family:var(--school);font-size:1rem;color:var(--blue-strong);border-bottom:2px dashed var(--blue-strong);padding-bottom:1px}.xlinks-grid a:hover{color:var(--red);border-bottom-color:var(--red)}.page-foot{margin-top:calc(var(--row) * 2);border-top:2px solid var(--blue-strong);padding-top:var(--row);position:relative}.gold-star{position:absolute;right:-6px;top:-26px;width:52px;display:block;transform:rotate(12deg);filter:drop-shadow(1px 2px 2px rgba(20,12,4,.3))}.pf-note{font-family:var(--hand);font-size:1.25rem;color:var(--red);max-width:560px}.pf-nav{display:flex;gap:20px;margin-top:6px}.pf-nav a{font-size:.85rem;color:var(--muted)}@media (max-width: 1060px){.tabs{position:static;flex-direction:row;flex-wrap:wrap;gap:8px;margin-bottom:10px;padding:0 4px}.tabs a{writing-mode:horizontal-tb;border-radius:6px 6px 0 0;padding:7px 12px}}@media (max-width: 640px){.paper{padding-left:clamp(40px,9vw,74px)}h1{font-size:1.9rem}}@media print{.no-print,.tabs,.desk,.controls,.notes,.xlinks,.tool-head,.page-head,.page-foot{display:none!important}body{background:#fff}.paper-wrap{max-width:none;margin:0;padding:0}.paper{background:#fff;box-shadow:none;padding:0;min-height:0}.paper:after,.holes{display:none}.sheet{box-shadow:none;transform:none;margin:0;padding:0}.sheet:before,.sheet:after{display:none}}