@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:2rem}.main-title{text-transform:uppercase;letter-spacing:-3px;color:var(--white);-webkit-text-stroke:4px var(--black);text-shadow:10px 10px 0px var(--blue);margin-bottom:.5rem;font-size:7.5rem;font-weight:900;line-height:1.1;transform:rotate(-2deg)}.title-wrapper{flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex}.info-toggle-btn{color:var(--white);background:var(--black);border:2px solid var(--black);box-shadow:4px 4px 0px var(--pink);cursor:pointer;border-radius:40px;margin-top:1rem;padding:1rem 2.5rem;font-size:1.8rem;font-weight:900;text-decoration:none;transition:all .2s}.info-toggle-btn:hover{box-shadow:6px 6px 0px var(--pink);color:var(--pink);transform:translateY(-2px)}.info-box{background:var(--bg);border:3px solid var(--black);width:100%;max-width:600px;box-shadow:8px 8px 0px var(--black);margin-top:2rem;padding:2.5rem;animation:.3s ease-out slideDown}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.info-box-title{color:var(--pink);-webkit-text-stroke:1px var(--black);text-shadow:2px 2px 0px var(--black);text-align:center;margin-bottom:.5rem;font-size:2.5rem;font-weight:900}.info-box-desc{text-align:center;margin-bottom:2rem;font-size:1.3rem;font-weight:700}.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{border:4px solid var(--black);box-shadow:inset 0 5px 0 #ffffffb3, 0 10px 0 var(--black), 0 15px 20px #0003;background:linear-gradient(#fff066 0%,#fc0 100%);border-radius:25px;margin-bottom:2rem;padding:2.2rem 5.5rem;font-size:3.5rem;transition:all .1s}.btn-huge:active{box-shadow:inset 0 5px 0 #ffffffb3, 0 2px 0 var(--black), 0 5px 10px #0003;transform:translateY(8px)}.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;gap:2rem;margin-top:3rem;display:flex;position:relative}.btn-huge-wrapper{display:inline-block;position:relative}.click-indicator{color:var(--pink);text-transform:uppercase;pointer-events:none;z-index:30;-webkit-text-stroke:1px var(--black);text-shadow:2px 2px 0px var(--black);font-size:1.5rem;font-weight:900;position:absolute;top:-2.5rem;left:50%;transform:translate(-50%)}.security-card{background:var(--white);border:var(--border);box-shadow:var(--shadow-card);width:100%;margin:0 auto;transition:transform .2s}.security-card:hover{transform:rotate(0)}.security-header{background:var(--pink);border-bottom:var(--border);text-transform:uppercase;color:var(--black);letter-spacing:1px;padding:.6rem 1rem;font-size:1.1rem;font-weight:900}.security-body{padding:1rem}.security-body ul{flex-direction:column;gap:1.2rem;list-style:none;display:flex}.security-body li{word-break:keep-all;font-size:.95rem;line-height:1.4}.rule-title{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.rule-title span{background:var(--black);color:var(--white);text-transform:uppercase;padding:.15rem .4rem;font-size:.8rem;font-weight:700}.rule-title strong{font-size:1rem;font-weight:900}.rule-desc{color:#333;font-weight:500}.legal-disclaimer{color:#666;text-align:center;word-break:keep-all;max-width:600px;margin-top:1.5rem;font-size:.8rem;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:200;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);will-change:transform;justify-content:center;align-items:center;font-size:3rem;font-weight:900;transition:transform .15s,box-shadow .15s;display:flex;position:absolute;transform:translateZ(0)}.folded-paper:hover{z-index:200!important;box-shadow:var(--shadow-card)!important;background:var(--white)!important;color:var(--black)!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;transition:all .3s}.tier-normal{color:var(--black)}.tier-rare{color:var(--blue);text-shadow:2px 2px #0000001a;font-style:italic}.tier-legendary{background:linear-gradient(90deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);color:#0000;text-shadow:2px 2px #0000001a;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:900}.box-tier-rare{border:4px solid var(--blue);animation:1.5s infinite alternate pulseBoxRare;box-shadow:0 0 20px #00f9,0 0 40px #0000ff4d}.box-tier-legendary{background-clip:padding-box;border:6px solid #0000;border-image:linear-gradient(45deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3) 1;animation:1.2s infinite alternate rainbowHueAndPulse}@keyframes pulseBoxRare{0%{transform:scale(1);box-shadow:0 0 15px #00f9,0 0 30px #0000ff4d}to{transform:scale(1.02);box-shadow:0 0 30px #0000ffe6,0 0 60px #0000ff80}}@keyframes rainbowHueAndPulse{0%{filter:hue-rotate();transform:scale(1);box-shadow:0 0 30px red,0 0 50px #ff7f00,inset 0 0 20px #ff0}to{filter:hue-rotate(360deg);transform:scale(1.04);box-shadow:0 0 50px red,0 0 100px #ff7f00,0 0 150px #ff0,inset 0 0 40px #0f0}}.paper-tier-rare{z-index:100;border:3px solid var(--blue)!important;animation:1s infinite alternate pulsePaperRare!important;box-shadow:0 0 20px #0000ffe6!important}.paper-tier-legendary{z-index:150;background-origin:padding-box,border-box;background-clip:padding-box,border-box;background-image:linear-gradient(var(--bg), var(--bg)), linear-gradient(45deg, red, #ff7f00, #ff0, #0f0, #00f, indigo, #9400d3)!important;color:var(--black)!important;border:4px solid #0000!important;animation:1s linear infinite rainbowHuePaper,.1s infinite shakePaper!important;box-shadow:0 0 20px #ff00ffe6,inset 0 0 15px #ff0c!important}@keyframes pulsePaperRare{0%{box-shadow:0 0 10px #00fc}to{box-shadow:0 0 30px #00f}}@keyframes rainbowHuePaper{0%{filter:hue-rotate();transform:rotate(calc(var(--r2) + 0deg)) scale(1.1)}to{filter:hue-rotate(360deg);transform:rotate(calc(var(--r2) + 0deg)) scale(1.1)}}@keyframes shakePaper{0%{margin-top:0;margin-left:0}25%{margin-top:-2px;margin-left:2px}50%{margin-top:2px;margin-left:-2px}75%{margin-top:2px;margin-left:2px}to{margin-top:0;margin-left:0}}.sympathy-section{border-bottom:var(--border);justify-content:center;padding:1rem 0 2rem;display:flex}.btn-sympathy{background:var(--white);border:4px solid var(--black);box-shadow:6px 6px 0px var(--black);color:var(--black);align-items:center;gap:.8rem;padding:1rem 2rem;font-size:1.5rem;font-weight:900;transition:all .1s;display:flex}.btn-sympathy:hover:not(:disabled){box-shadow:4px 4px 0px var(--black);background:var(--yellow);transform:translate(2px,2px)}.btn-sympathy:active:not(:disabled){box-shadow:0px 0px 0px var(--black);transform:translate(6px,6px)}.btn-sympathy.sympathized{background:var(--pink);color:var(--white);box-shadow:none;cursor:not-allowed;border-color:var(--black);transform:translate(6px,6px)}.sympathy-icon{font-size:1.8rem}.sympathy-count{background:var(--black);color:var(--white);text-transform:uppercase;border-radius:20px;padding:.2rem .6rem}.result-footer{background:var(--white);justify-content:center;gap:1rem;padding:1.5rem 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%}@media (width<=768px){:root{--paper-size:60px}.app-container{padding:1rem;overflow-x:hidden}.main-title{-webkit-text-stroke:2px var(--black);text-shadow:6px 6px 0px var(--blue);font-size:3.5rem}.btn-huge{text-align:center;width:100%;padding:1.5rem 2rem;font-size:1.8rem}.info-toggle-btn{padding:.8rem 1.5rem;font-size:1.2rem}.info-box{padding:1.5rem}.info-box-title{font-size:1.8rem}.info-box-desc{font-size:1.1rem}.input-container{width:100%;padding:1rem}.secret-textarea{width:100%;min-height:250px;padding:1.5rem;font-size:1.5rem}.char-count{font-size:1.2rem;bottom:1rem;right:1.5rem}.btn-submit{width:100%;padding:1rem 2rem;font-size:1.2rem}.instruction-huge{text-align:center;width:90%;padding:1rem 1.5rem;font-size:2.2rem;top:15%}.result-container{width:100%;padding:1rem}.result-note{width:100%;min-height:350px;padding:1.5rem}.result-header{font-size:1.2rem}.result-body{font-size:1.5rem}.sympathy-section .btn-sympathy{padding:1rem;font-size:1.3rem}}.app-footer{text-align:center;color:#888;z-index:10;width:100%;font-size:.75rem;font-weight:500;position:absolute;bottom:1rem;left:0}@media (width<=768px){.app-footer{font-size:.65rem}}