@import "https://cdn.jsdelivr.net/npm/@github/mona-sans@1.0.2/dist/mona-sans.css";@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700;800&display=swap";@import "https://cdn.jsdelivr.net/gh/MonadABXY/mona-font/web/mona.css";@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@500;700;900&display=swap";:root{--bg:#ffea00;--black:#000;--white:#fff;--pink:#ff90e8;--green:#0f0;--blue:#74b9ff;--orange:#ff6b35;--shadow:6px 6px 0px #000;--shadow-sm:4px 4px 0px #000;--shadow-lg:10px 10px 0px #000;--border:3px solid #000;--font:"Mona Sans", "Space Grotesk", system-ui, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--black);justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}button{font-family:var(--font);cursor:pointer;border:none}:root{--bg:#f4f4f0;--black:#111;--white:#fff;--pink:#f36;--blue:#4d4dff;--yellow:#ffde00;--green:#0f6;--border:4px solid var(--black);--shadow-btn:6px 6px 0px var(--black);--shadow-card:12px 12px 0px var(--black);--font:"Mona12", "Mona12 Text KR", sans-serif;--paper-size:90px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background-color:var(--bg);background-image:radial-gradient(var(--black) 1.5px, transparent 1.5px);color:var(--black);word-break:keep-all;overflow-wrap:break-word;background-size:40px 40px;justify-content:center;align-items:center;min-height:100vh;display:flex;overflow-x:hidden}button{cursor:pointer;border:none;outline:none;font-family:inherit}textarea{font-family:inherit}.app-container{flex-direction:column;justify-content:center;align-items:center;width:100vw;min-height:100vh;padding:2rem;display:flex;position:relative}.header-container{text-align:center;z-index:20;margin-bottom:3rem}.main-title{text-transform:uppercase;letter-spacing:-2px;color:var(--white);-webkit-text-stroke:3px var(--black);text-shadow:6px 6px 0px var(--blue);margin-bottom:.5rem;font-size:4.5rem;font-weight:900;line-height:1.1;transform:rotate(-2deg)}.brutalist-btn{background:var(--white);border:var(--border);box-shadow:var(--shadow-btn);color:var(--black);text-transform:uppercase;justify-content:center;align-items:center;font-weight:800;transition:transform .1s,box-shadow .1s;display:inline-flex}.brutalist-btn:hover:not(:disabled){box-shadow:4px 4px 0px var(--black);transform:translate(2px,2px)}.brutalist-btn:active:not(:disabled){box-shadow:0px 0px 0px var(--black);transform:translate(6px,6px)}.brutalist-btn:disabled{cursor:not-allowed;color:#666;background:#ccc;border-color:#888;box-shadow:6px 6px #888}.btn-huge{background:var(--yellow);border-radius:0;margin-bottom:3rem;padding:1.5rem 4rem;font-size:3rem}.btn-submit{background:var(--green);align-self:flex-end;padding:1rem 3rem;font-size:1.5rem}.landing-phase{z-index:10;flex-direction:column;align-items:center;animation:.3s fadeIn;display:flex}.security-card{background:var(--white);border:var(--border);box-shadow:var(--shadow-card);width:100%;max-width:600px;transition:transform .2s;transform:rotate(1deg)}.security-card:hover{transform:rotate(0)}.security-header{background:var(--pink);border-bottom:var(--border);text-transform:uppercase;color:var(--black);letter-spacing:2px;padding:1rem 1.5rem;font-size:1.5rem;font-weight:900}.security-body{padding:2rem}.security-body ul{flex-direction:column;gap:1.5rem;list-style:none;display:flex}.security-body li{word-break:keep-all;font-size:1.2rem;font-weight:700;line-height:1.5}.security-body li span{background:var(--black);color:var(--white);text-transform:uppercase;margin-right:.5rem;padding:.2rem .5rem;display:inline-block}.legal-disclaimer{color:#666;text-align:center;word-break:keep-all;max-width:600px;margin-top:1.5rem;font-size:.95rem;font-weight:700;line-height:1.5}.input-phase{z-index:10;flex-direction:column;align-items:center;display:flex}.note-card{background:var(--white);border:var(--border);box-shadow:var(--shadow-card);flex-direction:column;width:100%;max-width:650px;animation:.4s cubic-bezier(.175,.885,.32,1.275) forwards popOut;display:flex}@keyframes popOut{0%{opacity:0;transform:scale(.5)translateY(100px)}to{opacity:1;transform:scale(1)translateY(0)}}.note-header{background:var(--blue);color:var(--white);border-bottom:var(--border);justify-content:space-between;align-items:center;padding:1rem 1.5rem;font-size:1.2rem;font-weight:900;display:flex}.btn-back{background:var(--white);border:2px solid var(--black);box-shadow:2px 2px 0px var(--black);color:var(--black);padding:.3rem .8rem;font-size:1rem;font-weight:800;transition:all .1s}.btn-back:hover{box-shadow:1px 1px 0px var(--black);background:var(--pink);color:var(--white);transform:translate(1px,1px)}.btn-back:active{box-shadow:0px 0px 0px var(--black);transform:translate(2px,2px)}.secret-textarea{border:none;border-bottom:var(--border);width:100%;height:300px;color:var(--black);resize:none;background:var(--white);word-break:keep-all;padding:2rem;font-size:1.8rem;font-weight:700;line-height:1.6}.secret-textarea:focus{background-color:var(--white);outline:none}.alert-message{color:var(--pink);text-shadow:1px 1px 0px var(--black);white-space:pre-wrap;margin-top:1rem;margin-bottom:-1rem;font-size:1.2rem;font-weight:700}.secret-textarea::placeholder{color:#bbb}.note-footer{background:var(--bg);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.char-count{background:var(--black);color:var(--white);border:2px solid var(--black);padding:.5rem 1rem;font-size:1.2rem;font-weight:900}.folding{transform-origin:50%;animation:1.2s cubic-bezier(.645,.045,.355,1) forwards origamiFold}@keyframes origamiFold{0%{opacity:1;transform:perspective(600px)rotateX(0)rotateY(0)scale(1)}25%{filter:brightness(.9);transform:perspective(600px)rotateX(80deg)rotateY(0)scale(.8)translateY(-20px)}50%{filter:brightness(.7);transform:perspective(600px)rotateX(80deg)rotateY(90deg)scale(.6)translate(40px)}75%{filter:brightness(.5);transform:perspective(600px)rotateX(150deg)rotateY(90deg)rotate(45deg)scale(.4)}to{opacity:0;transform:perspective(600px)rotateX(180deg)rotateY(180deg)rotate(90deg)scale(.1)translateY(100px)}}.pile-container{z-index:10;position:fixed;inset:0;overflow:hidden}.instruction-huge{z-index:100;text-align:center;pointer-events:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.instruct-box{background:var(--yellow);border:var(--border);box-shadow:var(--shadow-card);color:var(--black);padding:1.5rem 3rem;font-size:3.5rem;font-weight:900;animation:2s infinite alternate pulseRotate;display:inline-block;transform:rotate(-3deg)}@keyframes pulseRotate{0%{transform:rotate(-3deg)scale(1)}to{transform:rotate(3deg)scale(1.05)}}.folded-paper{width:var(--paper-size);height:var(--paper-size);border:var(--border);box-shadow:var(--shadow-btn);cursor:pointer;color:var(--black);justify-content:center;align-items:center;font-size:3rem;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex;position:absolute}.folded-paper:hover{z-index:200!important;box-shadow:var(--shadow-card)!important;background:var(--white)!important;transform:scale(1.3)translateY(-10px)!important}.falling .folded-paper{animation:fall var(--dur) forwards cubic-bezier(.2, .6, .4, 1);animation-delay:var(--delay);top:-150px}@keyframes fall{0%{transform:rotate(var(--r1)) scale(.5);top:-150px}to{top:var(--finalY);transform:rotate(var(--r2)) scale(1)}}.selecting .folded-paper{top:var(--finalY);transform:rotate(var(--r2))}.result-container{z-index:50;flex-direction:column;align-items:center;width:100%;max-width:800px;animation:.5s cubic-bezier(.175,.885,.32,1.275) slideUp;display:flex}@keyframes slideUp{0%{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.result-note{background:var(--white);border:var(--border);width:100%;box-shadow:var(--shadow-card);margin-bottom:3rem}.result-header{background:var(--pink);border-bottom:var(--border);text-transform:uppercase;color:var(--black);text-align:center;padding:1.5rem;font-size:1.5rem;font-weight:900}.result-body{text-align:center;word-break:keep-all;padding:4rem 3rem 2rem;font-size:2.2rem;font-weight:700;line-height:1.6}.result-footer{justify-content:center;padding:1rem 3rem 2rem;display:flex}.btn-report{background:var(--white);border:2px solid var(--black);box-shadow:3px 3px 0px var(--black);color:var(--black);padding:.5rem 1rem;font-size:1rem;font-weight:800;transition:all .1s}.btn-report:hover:not(:disabled){box-shadow:2px 2px 0px var(--black);background:var(--pink);color:var(--white);transform:translate(1px,1px)}.btn-report:active:not(:disabled){box-shadow:0px 0px 0px var(--black);transform:translate(3px,3px)}.btn-report.reported{background:var(--black);color:var(--white);box-shadow:none;cursor:not-allowed;transform:translate(3px,3px)}.btn-reset{background:var(--blue);color:var(--white);padding:1.5rem 4rem;font-size:2rem}.custom-alert-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.custom-alert-box{background:var(--white);border:var(--border);box-shadow:var(--shadow-card);width:90%;max-width:500px;animation:.3s cubic-bezier(.175,.885,.32,1.275) popOut}.custom-alert-header{background:var(--yellow);border-bottom:var(--border);color:var(--black);text-transform:uppercase;padding:1.5rem;font-size:2rem;font-weight:900}.custom-alert-body{color:var(--black);word-break:keep-all;padding:2.5rem;font-size:1.5rem;font-weight:700;line-height:1.6}.custom-alert-footer{border-top:var(--border);background:var(--bg);justify-content:flex-end;padding:1.5rem;display:flex}.btn-alert{background:var(--black);color:var(--white);padding:1rem 2rem;font-size:1.2rem}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (width<=768px){.app-container{padding:1rem}.main-title{-webkit-text-stroke:2px var(--black);text-shadow:3px 3px 0px var(--blue);font-size:2.3rem}.btn-huge{width:100%;margin-bottom:2rem;padding:1.2rem 2rem;font-size:1.6rem}.security-card{width:100%;transform:rotate(0)}.security-header{padding:1rem;font-size:1.2rem}.security-body{padding:1.5rem}.security-body li{font-size:1.05rem}.secret-textarea{height:220px;padding:1.5rem;font-size:1.3rem}.note-footer{flex-direction:column;align-items:flex-start;gap:1rem}.btn-submit{width:100%;font-size:1.2rem}.instruct-box{padding:1rem 1.5rem;font-size:2.2rem}.result-header{padding:1rem;font-size:1.2rem}.result-body{padding:2.5rem 1.5rem;font-size:1.5rem}.btn-reset{width:100%;font-size:1.5rem}.tooltip-text{white-space:normal;width:280px;font-size:1rem;line-height:1.4}:root{--paper-size:60px}.folded-paper{font-size:2rem}}.tooltip-trigger{cursor:help;display:inline-block;position:relative}.tooltip-text{visibility:hidden;opacity:0;background:var(--pink);color:var(--black);white-space:nowrap;border:var(--border);box-shadow:var(--shadow-btn);z-index:100;-webkit-text-stroke:0;text-shadow:none;letter-spacing:0;padding:10px 15px;font-size:1.2rem;font-weight:800;line-height:1.4;transition:all .2s;position:absolute;top:110%;left:50%;transform:translate(-50%)translateY(10px)}.tooltip-trigger:hover .tooltip-text,.tooltip-text.active{visibility:visible;opacity:1;transform:translate(-50%)translateY(0)}.tooltip-text:after{content:"";border-style:solid;border-width:8px;border-color:transparent transparent var(--black) transparent;margin-left:-8px;position:absolute;bottom:100%;left:50%}