:root{--bg:#1a1814;--board:#211f1b;--paper:#f0e8d5;--paper-2:#e8dfc4;--paper-3:#ddd0b0;--amber:#c8943a;--amber-dim:#8a6224;--ink:#2a2418;--ink-faded:#5a5040;--pin-red:#8b3a3a;--pin-blue:#3a5a8b;--pin-green:#3a6b4a;--ripple:#c8943a66;--font-type:"Special Elite", cursive;--font-mono:"Courier Prime", monospace}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);min-height:100vh;font-family:var(--font-mono);color:var(--paper);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");overflow:hidden}.app-container{width:100vw;height:100vh;position:relative;overflow:hidden}#board-wrapper{width:100%;height:100%;overflow:hidden}#board{padding:0;transition:transform .5s cubic-bezier(.19,1,.22,1);display:flex;position:relative}.page-section{flex-shrink:0;justify-content:center;align-items:center;min-width:100vw;height:100vh;padding:100px 0 160px;display:flex;position:relative;overflow:hidden auto}.fragment{cursor:grab;-webkit-user-select:none;user-select:none;z-index:10;flex-direction:column;align-items:center;display:flex;position:absolute}.fragment.dragging{cursor:grabbing;z-index:1000;transition:none!important}.sticky{background:var(--paper);color:var(--ink);font-family:var(--font-mono);min-width:180px;max-width:260px;transform:var(--r,rotate(0deg));padding:18px 20px 22px;font-size:.82rem;line-height:1.65;transition:transform .3s;position:relative;box-shadow:3px 4px 14px #00000080,1px 1px #00000026}@media (max-width:600px){.sticky{min-width:160px!important;max-width:85vw!important}}.pin{border:2px solid #ffffff40;border-radius:50%;width:14px;height:14px;position:absolute;top:-7px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0009}.pin-red{background:var(--pin-red)}.pin-blue{background:var(--pin-blue)}.pin-green{background:var(--pin-green)}.pin-amber{background:var(--amber)}.sticky-title{font-family:var(--font-type);letter-spacing:.03em;color:var(--ink-faded);border-bottom:1px dashed #2a24184d;margin-bottom:4px;padding-bottom:6px;font-size:.95rem}.sticky-essence{color:var(--amber);opacity:.85;text-align:center;letter-spacing:.04em;text-shadow:0 1px 2px #00000080;max-width:240px;margin-top:36px;margin-bottom:8px;font-size:.82rem;font-style:italic;font-weight:400;line-height:1.45}#top-nav{z-index:1000;position:fixed;top:45px;left:50%;transform:translate(-50%)}#board-search{color:var(--paper);font-family:var(--font-mono);letter-spacing:.1em;text-align:center;background:0 0;border:none;border-bottom:1px solid #c8943a66;outline:none;width:240px;padding:4px 8px;font-size:.95rem;transition:border-color .3s,width .3s}#board-search:focus{border-bottom-color:var(--amber);width:280px}#top-right-nav{z-index:1001;align-items:center;gap:20px;display:flex;position:fixed;top:25px;right:25px}.nav-btn{color:var(--amber);cursor:pointer;font-family:var(--font-mono);opacity:.9;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.2rem;transition:all .2s;display:flex}#creator-btn{background:var(--amber);width:36px;height:36px;color:var(--ink);opacity:1;border-radius:50%;font-size:1.4rem;box-shadow:0 4px 12px #0006}#title-watermark{font-family:var(--font-type);color:#c8943ab8;letter-spacing:.14em;text-shadow:0 0 22px #c8943a4d;pointer-events:none;z-index:5;font-size:1.85rem;line-height:1.2;position:fixed;top:16px;left:22px}.watermark-sub{letter-spacing:.28em;color:#c8943a73;font-size:.65rem;font-family:var(--font-mono);text-shadow:none;text-transform:uppercase;margin-top:2px}#footer{text-align:center;letter-spacing:.18em;color:var(--amber-dim);font-size:.72rem;font-family:var(--font-type);z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1a1814f2;border-top:1px solid #2e2a22;padding:10px 20px;position:fixed;bottom:0;left:0;right:0}#footer span{color:var(--amber)}@media (max-width:600px){#title-watermark{font-size:1.35rem;top:12px;left:15px}.watermark-sub{font-size:.58rem}#top-nav{width:auto;top:55px;left:50%;transform:translate(-50%)}#board-search{width:180px;font-size:.85rem}#board-search:focus{width:200px}#top-right-nav{gap:10px;top:12px;right:15px}.nav-btn{font-size:1rem}#creator-btn{width:30px;height:30px;font-size:1.1rem}#footer{padding:6px 10px 10px;font-size:.55rem}#board{min-height:unset}}.modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:2000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;padding:20px;display:flex;position:fixed;top:0;left:0}.modal-content{background:#1e1c18;border:1px solid #3a3428;max-width:450px;padding:30px;position:relative;box-shadow:0 20px 60px #000c}.modal-close{color:var(--ink-faded);cursor:pointer;background:0 0;border:none;font-size:1.2rem;position:absolute;top:15px;right:15px}.rot-l1{transform:rotate(-1.8deg)}.rot-r2{transform:rotate(2.3deg)}.rot-l3{transform:rotate(-3.1deg)}.rot-r1{transform:rotate(1.2deg)}.rot-l2{transform:rotate(-.7deg)}.rot-r4{transform:rotate(4.2deg)}.rot-l5{transform:rotate(-5.8deg)}.rot-r7{transform:rotate(7.5deg)}.rot-l11{transform:rotate(-11.5deg)}.tape{pointer-events:none;background:#d2c8aa80;border:1px solid #beb4964d;width:52px;height:17px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-1.5deg)}