:root{--ark-bg:#121212;--ark-gold:#f90;--ark-gold-dim:#cc7a00;--ark-accent:#f90;--ark-text:#fff;--ark-text-dim:#999;--ark-font:"Inter", system-ui, -apple-system, sans-serif}@keyframes rainbow{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--ark-bg);color:var(--ark-text-main);font-family:sans-serif;overflow-x:hidden}#app{flex-direction:column;width:100%;max-width:600px;min-height:100vh;margin:0 auto;padding:1rem;display:flex;overflow-y:visible}.ark-flashcard-view{flex-direction:column;flex:1;display:flex;overflow:hidden}.ark-header{border-left:4px solid var(--ark-accent);background:var(--ark-bg);z-index:200;margin-bottom:1.5rem;padding-left:1rem}.ark-card-container{width:100%;margin:1rem 0}.ark-card-face{backface-visibility:hidden;clip-path:polygon(0 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%);background:#222;border:1px solid #444;flex-direction:column;display:flex;position:absolute;inset:0}.ark-card-scroll-area{flex-direction:column;flex:1;align-items:stretch;height:100%;padding:3.5rem 1.5rem 2rem;display:flex;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;overflow-y:scroll!important}.ark-card-back{background:#1a1a1a;transform:rotateY(180deg)}.ark-card{width:100%;height:60vh;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,0,.2,1);position:relative}.ark-card.flipped{transform:rotateY(180deg)}.guwen-text{letter-spacing:.05em;color:#fff;text-align:justify;text-justify:inter-character;pointer-events:auto;width:100%;margin:0;padding:0 .5rem;font-size:1.5rem;line-height:2}.ark-keyword{color:var(--ark-accent);-webkit-text-decoration:underline dashed 1px var(--ark-accent);text-decoration:underline dashed 1px var(--ark-accent);cursor:help;transition:all .1s;display:inline-block}.ark-keyword:active{opacity:.7;background:#ffcf001a;transform:scale(.92)}.ark-intel-popup{border:1px solid var(--ark-accent);color:#fff;z-index:10000;clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);background:#1e1e1e;max-width:250px;padding:10px 15px;font-size:14px;animation:.2s ease-out intelPop;position:absolute;box-shadow:0 8px 30px #000000e6}.ark-intel-header{color:var(--ark-accent);border-bottom:1px solid #ffcf0033;margin-bottom:6px;font-family:monospace;font-size:10px}@keyframes intelPop{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.progress-counter{text-align:center;color:var(--ark-accent);margin:.8rem 0;font-family:monospace;font-size:14px}.btn-group{flex-wrap:wrap;gap:15px;margin-top:1rem;display:flex}.ark-btn{border:1px solid var(--ark-accent);color:var(--ark-accent);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);cursor:pointer;background:0 0;flex:1;justify-content:center;align-items:center;min-height:48px;padding:1rem 1.2rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.ark-btn-primary{background:var(--ark-accent);color:#000}.ark-login-container{border:1px solid #333;border-left:4px solid var(--ark-accent);clip-path:polygon(0 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%);background:#1e1e1e;margin:2rem 0;padding:2.5rem 1.5rem;box-shadow:0 10px 30px #00000080}.ark-login-container h2{color:var(--ark-accent);margin-bottom:.5rem}.pin-box,.pin-box-login{-webkit-text-security:disc!important;text-security:disc!important}.poem-card{clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);background:#252525;border:1px solid #444;margin-bottom:1rem;padding:1.5rem}@media (width<=480px){.guwen-text{font-size:1.4rem}.ark-card{height:55vh}.btn-group{gap:10px}}@media (width<=380px){.ark-login-container{padding:1.5rem 1rem}.ark-header{margin-bottom:1rem;padding-left:.8rem}:root{font-size:15px}}.ark-card-face::-webkit-scrollbar{width:4px}.ark-card-face::-webkit-scrollbar-thumb{background:var(--ark-accent)}.chain-view{max-width:600px;margin:0 auto;padding:1rem}.chain-mode-picker{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.chain-mode-card{background:var(--ark-surface);border:1px solid var(--ark-border);cursor:pointer;clip-path:polygon(3% 0,97% 0,100% 15%,100% 85%,97% 100%,3% 100%,0 85%,0 15%);align-items:center;gap:1rem;padding:1.2rem;transition:border-color .2s;display:flex}.chain-mode-card:hover{border-color:var(--ark-accent)}.chain-mode-card__icon{font-size:2rem}.chain-mode-card__title{color:var(--ark-accent);margin-bottom:4px;font-weight:700}.chain-mode-card__desc{color:var(--ark-text-dim);font-size:.8rem}.chain-item{border-radius:2px;padding:1rem}.chain-label{text-transform:uppercase;letter-spacing:1px;margin-bottom:.5rem;font-size:.75rem;font-weight:700}.chain-mask{text-align:center;cursor:pointer;transition:background .3s}.chain-mask:hover{background:#ffcf000d}.dictation-area{border:1px solid var(--ark-border);width:100%;color:var(--ark-text-main);resize:none;background:#0000004d;outline:none;min-height:120px;margin-top:.5rem;padding:1rem;font-family:inherit;font-size:1.2rem;line-height:1.6;transition:all .3s}.dictation-area:focus{border-color:var(--ark-accent);background:#ffcf000d;box-shadow:0 0 15px #ffcf001a}.dictation-area::placeholder{color:var(--ark-text-dim);opacity:.5}.controls{margin-top:1.5rem}.controls.hidden{display:none}.btn-group{gap:1rem;display:flex}.diff-display{text-align:center;margin:1rem 0;font-size:1.3rem;line-height:2}.diff-char--correct{color:#4caf50}.diff-char--wrong{color:#ff4d4d;text-decoration:line-through}.accuracy-badge{border-radius:2px;padding:.5rem 1.5rem;font-size:2rem;font-weight:900;display:inline-block}.accuracy-badge--pass{color:#4caf50;border:2px solid #4caf50}.accuracy-badge--fail{color:#ff4d4d;border:2px solid #ff4d4d}.reward-card{text-align:center;clip-path:polygon(3% 0,97% 0,100% 3%,100% 97%,97% 100%,3% 100%,0 97%,0 3%);background:#1c1c1cf2;border:1px solid #ffcf0066;padding:2rem 1.5rem;animation:.6s cubic-bezier(.34,1.56,.64,1) rewardPop;position:relative;box-shadow:0 0 50px #000c,inset 0 0 30px #ffcf000d}.reward-icon{filter:drop-shadow(0 0 15px #ffcf00);margin-bottom:1rem;font-size:5rem;animation:2s ease-in-out infinite rewardGlow}.reward-name{color:#ffcf00;letter-spacing:2px;margin-bottom:1.5rem;font-size:1.4rem;font-weight:900}.reward-quote{color:#ece5d8;margin-bottom:1rem;font-style:italic;line-height:1.6}.reward-character{color:var(--ark-text-dim);text-align:right;margin-bottom:2rem;font-size:.8rem}@keyframes rewardPop{0%{opacity:0;transform:scale(.8)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes rewardGlow{0%,to{filter:drop-shadow(0 0 10px #ffcf00);transform:scale(1)}50%{filter:drop-shadow(0 0 25px #ffcf00);transform:scale(1.1)}}.ark-btn-alert{text-shadow:0 0 8px #ff4d4d80;animation:1.5s infinite ark-alert-blink;color:#ff4d4d!important;border-color:#ff4d4d!important}@keyframes ark-alert-blink{0%,to{opacity:1;box-shadow:inset 0 0 10px #ff4d4d33}50%{opacity:.6;box-shadow:inset 0 0 20px #ff4d4d66;border-color:#0000!important}}.ark-ticker-container{background:#000000bf;border-top:1px solid #ffcf0033;border-bottom:1px solid #ffcf0033;border-left:4px solid #ffcf00;align-items:center;width:100%;height:38px;margin:1rem 0;display:flex;position:relative;overflow:hidden;box-shadow:inset 0 0 15px #000c}.ark-ticker-content{white-space:nowrap;padding-left:100%;animation:120s linear infinite ticker-scroll;display:inline-block}.ticker-text{color:#ece5d8;letter-spacing:1px;font-family:JetBrains Mono,Microsoft YaHei,monospace;font-size:.95rem;display:inline-block}@keyframes ticker-scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}@media (width<=600px){.ark-ticker-container{height:34px;margin:.8rem 0}.ticker-text{font-size:.85rem}}.ark-admin-dashboard{text-align:left;flex-direction:column;align-items:stretch;gap:1.5rem;display:flex}.ark-admin-dashboard .ark-card{border:1px solid var(--ark-border);background:#121212e6;border-radius:4px;padding:1.5rem;box-shadow:0 8px 30px #0009}.ark-admin-dashboard h3{color:var(--ark-gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:1rem;font-size:.9rem}#codes-output::-webkit-scrollbar{width:6px}#codes-output::-webkit-scrollbar-thumb{background:var(--ark-gold);border-radius:3px}.ark-reward-badge{-webkit-user-select:none;user-select:none;transition:all .3s}.ark-reward-badge:hover{filter:brightness(1.2);transform:scale(1.05)translateY(-2px)}.ark-reward-badge:active{transform:scale(.95)}.ark-reward-badge--gold{color:#ffb703;background:#ffb7031a;box-shadow:0 0 10px #ffb70333,inset 0 0 5px #ffb7031a}.ark-reward-badge--purple{color:#b142ff;background:#b142ff1a;box-shadow:0 0 10px #b142ff33,inset 0 0 5px #b142ff1a}.ark-reward-badge--blue{color:#0cf;background:#00ccff1a;box-shadow:0 0 10px #0cf3,inset 0 0 5px #00ccff1a}.reward-detail-modal{z-index:10000;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.reward-detail-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;animation:.3s fadeIn;position:absolute;inset:0}.reward-detail-content{text-align:center;clip-path:polygon(5% 0,100% 0,100% 95%,95% 100%,0 100%,0 5%);background:#191919f2;border:1px solid #fff3;width:90%;max-width:400px;padding:2.5rem 2rem;animation:.4s cubic-bezier(.175,.885,.32,1.275) slideUpPop;position:relative}.reward-detail-content.gold-glow{border-color:#ffb70380;box-shadow:0 0 40px #ffb70326,inset 0 0 20px #ffb7030d}.reward-detail-close{color:var(--ark-text-dim);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:color .2s;position:absolute;top:10px;right:15px}.reward-detail-close:hover{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUpPop{0%{opacity:0;transform:translateY(40px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ark-rainbow-flash{background:linear-gradient(90deg,#f36,#f93,#ff3,#3c3,#39f,#93f,#f36) 0 0/200%;color:#0000;text-shadow:none;-webkit-background-clip:text;background-clip:text;font-weight:900;animation:4s linear infinite ark-rainbow-roll,1.2s ease-in-out infinite alternate ark-rainbow-blink;display:inline-block}@keyframes ark-rainbow-roll{0%{background-position:0%}to{background-position:200%}}@keyframes ark-rainbow-blink{0%{filter:drop-shadow(0 0 1px #ffcf0033);opacity:.85}to{filter:drop-shadow(0 0 6px #ffffffb3);opacity:1}}.btn-ark-backpack{align-items:center;gap:6px;font-weight:700;display:inline-flex;position:relative;overflow:hidden;color:var(--ark-accent)!important;background:#ffcf0014!important;border:1px solid #ffcf0080!important;box-shadow:0 0 10px #ffcf0026,inset 0 0 8px #ffcf000d!important}.btn-ark-backpack:after{content:"";background:linear-gradient(90deg,#fff0 0%,#ffffff59 50%,#fff0 100%);width:30%;height:200%;animation:3.5s ease-in-out infinite arkBackpackShimmer;position:absolute;top:-50%;left:-60%;transform:rotate(30deg)}.ark-backpack-sparkle{filter:drop-shadow(0 0 3px var(--ark-accent));animation:2s ease-in-out infinite arkBackpackSparkle;display:inline-block}@keyframes arkBackpackShimmer{0%{left:-60%}35%,to{left:160%}}@keyframes arkBackpackSparkle{0%,to{filter:drop-shadow(0 0 2px var(--ark-accent)) brightness(1);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 6px var(--ark-accent)) brightness(1.2);transform:scale(1.15)rotate(6deg)}}.ark-modal-card{box-sizing:border-box!important;border:1px solid var(--ark-accent)!important;clip-path:polygon(4% 0,100% 0,100% 96%,96% 100%,0 100%,0 4%)!important;background:#191919!important;border-radius:4px!important;flex-direction:column!important;display:flex!important;position:relative!important;overflow:hidden!important;box-shadow:0 10px 40px #000c!important}.ark-modal-card:after{content:"";border-top:1.5px solid var(--ark-accent);border-right:1.5px solid var(--ark-accent);opacity:.8;pointer-events:none;width:6px;height:6px;position:absolute;top:4px;right:4px}.ark-modal-card:before{content:"";border-bottom:1.5px solid var(--ark-accent);border-left:1.5px solid var(--ark-accent);opacity:.8;pointer-events:none;width:6px;height:6px;position:absolute;bottom:4px;left:4px}.ark-modal-scroll-body{flex:1;padding-right:4px;overflow-y:auto!important}.ark-modal-scroll-body::-webkit-scrollbar{width:4px}.ark-modal-scroll-body::-webkit-scrollbar-thumb{background:var(--ark-accent)}@media (width<=580px){#completed-checkin-area,.tiyvat-reward-panel__row,.ark-header+div{flex-wrap:wrap!important;gap:8px!important}.ark-mobile-hide{display:none!important}.ark-btn,.btn-ark-backpack{white-space:nowrap!important;min-height:28px!important;padding:.3rem .65rem!important;font-size:.72rem!important}}