/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,::backdrop,:after,:before{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-outline-style:solid}}}@layer theme{:host,:root{--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-500:oklch(62.3% .214 259.815);--ease-out:cubic-bezier(0,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}:host,html{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.text-blue-500{color:var(--color-blue-500)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}}.amap-canvas{background:#edf4e6;width:100%;height:100%;position:absolute;inset:0}.amap-status{z-index:6;text-align:center;color:#6b7785;background:#fffdf2e8;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:15px;font-size:11px;display:flex;position:absolute;inset:0}.amap-status button{color:#fff;background:#008cff;border-radius:12px;padding:5px 13px}.amap-naiwa-pin{background:#ff173a;border:3px solid #fff;border-radius:50% 50% 50% 0;width:32px;height:38px;overflow:hidden;transform:rotate(-45deg);box-shadow:0 2px 5px #0003}.amap-naiwa-pin img{object-fit:cover;object-position:top;border-radius:50%;width:26px;height:31px;transform:rotate(45deg)}.real-campus-map .map-selected strong{white-space:normal;overflow-wrap:anywhere}.real-campus-map.map-preview .map-viewport{height:180px}.map-loading{color:#74856e;background:#f1f7e8;border-radius:10px;place-items:center;min-height:140px;font-size:12px;display:grid}.map-config-notice{margin-top:4px;font-size:8px}.location-row{justify-content:space-between;align-items:center}.location-row .field-help{margin:0}.photo-size{color:#fff;background:#0007;border-radius:5px;padding:2px 5px;font-size:9px;position:absolute;bottom:3px;right:4px}.cloud-photo-grid{gap:7px;margin:10px 0;display:flex;overflow-x:auto}.cloud-photo-grid img{object-fit:cover;border-radius:9px;flex-shrink:0;width:100px;height:100px}.cloud-review{border-top:1px solid #edf0f5;margin-top:15px;padding-top:15px}.cloud-review>p{margin:7px 0;font-size:12px;line-height:1.7}.cloud-review textarea{border:1px solid #e1e6ee;border-radius:7px;width:100%;height:58px;padding:7px;font-size:12px}.admin-login{gap:12px;margin-top:15px;display:grid}.admin-login label{gap:5px;font-size:12px;display:grid}.admin-login input{background:#f9fbff;border:1px solid #d7dfeb;border-radius:8px;width:100%;padding:10px}.admin-toolbar{justify-content:space-between;align-items:center;gap:7px;margin-top:12px;font-size:12px;display:flex}.admin-toolbar button{color:#007adb;background:#edf6ff;border-radius:7px;align-items:center;gap:4px;padding:7px;display:flex}:root{--blue:#008cff;--red:#ff173a;--ink:#101522;--muted:#778096;--cream:#fffbe7}*{box-sizing:border-box}body{color:var(--ink);-webkit-font-smoothing:antialiased;background:#efeeda;margin:0;font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}a,button{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:disabled{cursor:not-allowed;opacity:.55}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #006ada}h1,h2,h3,p{margin:0}h2,h3{font-weight:900}img{max-width:100%;display:block}.site-shell{background:linear-gradient(120deg,#fffef6b8,#fffef7eb),radial-gradient(#ffd953 1.6px,#0000 1.7px) 0 0/10px 10px;max-width:720px;min-height:100dvh;margin:auto;padding-bottom:90px;position:relative;overflow:clip;box-shadow:0 0 80px #68684715}.skip-link{z-index:100;background:#fff;padding:10px;position:absolute;top:-50px;left:10px}.skip-link:focus{top:5px}.page-content{z-index:2;margin-top:-6px;padding:0 11px 20px;position:relative}.demo-notice{text-align:center;color:#726a47;letter-spacing:.1px;margin:3px 0 9px;font-size:9px}.demo-dot{background:#e5b429;border-radius:50%;width:5px;height:5px;margin-right:5px;display:inline-block}.paper-card{background:#fffffff5;border:1px solid #fff;border-radius:15px;margin-bottom:9px;padding:11px;box-shadow:0 4px 17px #4643340b}.brand-hero{isolation:isolate;height:210px;position:relative;overflow:hidden}.campus-scene{z-index:-3;background:url(/assets/campus.webp) 100% 0/auto 100% no-repeat;position:absolute;inset:0}.campus-scene:after{content:"";background:linear-gradient(100deg,#fffde9,#fffef7 24%,#fffef7b0 44%,#0000 66%),linear-gradient(#0000 82%,#fffdf2);position:absolute;inset:0}.hero-dots{z-index:-2;opacity:.5;background:radial-gradient(circle,#ffdc56 1.3px,#0000 1.8px) 0 100%/6px 6px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000 65%);mask-image:linear-gradient(90deg,#000,#0000 65%)}.hero-dots:after{content:"";background:radial-gradient(#008cff 2px,#0000 2.5px) 0 0/7px 7px;width:95px;height:90px;position:absolute;top:-25px;left:85px;transform:rotate(-20deg)}.brand-type{z-index:3;width:200px;position:absolute;top:15px;left:17px;transform:rotate(-5deg)}.jnu-stamp{color:#fff;background:#0877d7;border-radius:16% 8% 12% 10%;width:max-content;padding:0 12px;font-size:32px;line-height:1.15;display:block;position:relative;transform:rotate(-2deg);box-shadow:4px -2px #0877d7,-4px 2px #0877d7}.jnu-stamp,.naiwa-title{letter-spacing:1px;font-weight:1000}.naiwa-title{color:#ffe34c;-webkit-text-stroke:2.5px #101010;paint-order:stroke fill;text-shadow:3px 4px #111,-4px -3px #fff,5px -4px #fff;align-items:center;font-size:57px;line-height:1.18;display:flex}.brand-pin{color:#ff2240;stroke:#fff;stroke-width:2.5px;filter:drop-shadow(2px 2px #fff);width:31px;height:39px;margin-left:1px}.brand-type h1{color:#080808;letter-spacing:-1px;-webkit-text-stroke:.5px #080808;text-shadow:3px 0 #fff,-3px 0 #fff,0 3px #fff,0 -3px #fff;font-size:31px;font-weight:1000;line-height:1.1}.title-underline{background:#007ae6;border-radius:10px;width:163px;height:4px;margin:5px 0;transform:rotate(-2deg)}.brand-type p{text-align:center;letter-spacing:1px;width:170px;font-size:11px;font-weight:900;line-height:1.7}.brand-type p:after{content:"";background:#ffda39;border-radius:50%;width:83px;height:4px;margin-top:1px;margin-left:60px;display:block;transform:rotate(-10deg)}.mascot{object-fit:contain;mix-blend-mode:multiply}.hero-mascot{z-index:1;filter:drop-shadow(3px 1px #fff);width:125px;height:185px;position:absolute;top:25px;right:47px;transform:rotate(-7deg)}.comic-bubble{background:#fff;border:2px solid #171717;border-radius:45% 40% 45% 35%;padding:7px 9px;font-size:11px;font-weight:900;line-height:1.45;position:relative;transform:rotate(-10deg);box-shadow:0 0 0 2px #fff}.brand-hero>.comic-bubble{z-index:3;width:84px;position:absolute;top:128px;right:8px}.comic-bubble:after{content:"";clip-path:polygon(0 0,100% 0,0 100%);background:#fff;border-left:2px solid #000;width:15px;height:15px;position:absolute;bottom:-9px;left:13px;transform:skew(-25deg)rotate(-20deg)}.comic-bubble>span{color:var(--red);-webkit-text-stroke:1px white;font-size:22px;position:absolute;bottom:-9px;right:-6px}.hero-star{stroke:#ffce26;z-index:3;width:20px;height:20px;position:absolute}.star-one{top:119px;left:5px;transform:rotate(-20deg)}.star-two{top:79px;right:17px;transform:rotate(12deg)}.spark{color:#ffda36;text-shadow:2px 2px #fff;font-size:40px;font-weight:900;position:absolute;top:8px;right:106px;transform:rotate(-20deg)}.bell{z-index:5;background:#ffffffba;border-radius:50%;place-items:center;width:28px;height:30px;display:grid;top:13px;right:14px}.bell,.bell span{position:absolute}.bell span{background:var(--red);border:2px solid #fff;border-radius:50%;width:8px;height:8px;top:2px;right:0}.back-button{z-index:5;background:#ffffffe0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute;top:9px;left:10px}.hero-report{height:177px}.hero-report .brand-type{transform-origin:0 0;top:37px;left:18px;transform:rotate(-7deg)scale(.83)}.hero-report .hero-mascot{height:150px;top:38px;right:20px}.hero-report>.comic-bubble{width:89px;font-size:10px;top:63px;right:98px}.report-heading{font-size:20px;font-weight:1000;position:absolute;top:15px;left:44%}.hero-report .brand-type p{display:none}.hero-sightings{height:139px}.hero-sightings .brand-type{width:250px;top:48px;left:20px}.hero-sightings .jnu-stamp{display:none}.hero-sightings h1{letter-spacing:1px;font-size:46px}.hero-sightings .title-underline{background:#ffda36;width:183px;height:6px}.hero-sightings .brand-type p{width:230px;font-size:10px}.hero-sightings .hero-mascot{width:104px;height:148px;top:4px;right:37px}.hero-sightings>.comic-bubble{width:71px;font-size:9px;top:46px;right:7px}.hero-sightings .brand-type{z-index:2}.hero-stats .brand-type h1{font-size:30px}.hero-about,.hero-admin,.hero-map{height:176px}.hero-about .brand-type,.hero-admin .brand-type,.hero-map .brand-type{transform-origin:0 0;top:26px;transform:rotate(-4deg)scale(.85)}.hero-about .hero-mascot,.hero-admin .hero-mascot,.hero-map .hero-mascot{height:160px;top:20px;right:24px}.hero-about>.comic-bubble,.hero-admin>.comic-bubble,.hero-map>.comic-bubble{top:99px;right:6px}.section-title{justify-content:space-between;align-items:center;gap:5px;margin-bottom:8px;display:flex}.section-title h2{white-space:nowrap;align-items:center;gap:6px;font-size:16px;display:flex}.section-title h2>svg{color:var(--blue);flex-shrink:0}.section-title>a{white-space:nowrap;color:#626a7f;align-items:center;gap:1px;font-size:10px;font-weight:600;display:flex}.scribble{color:#ffcf26;margin-left:1px;font-size:25px;font-weight:900;line-height:15px;transform:rotate(-15deg)}.live-pill{background:var(--red);color:#fff;border-radius:8px;align-items:center;gap:3px;padding:4px 6px;font-size:12px;font-style:italic;font-weight:900;line-height:1;display:flex;box-shadow:0 0 0 2px #ffd8a9}.latest-body{grid-template-columns:44% 1fr;gap:8px;display:grid}.latest-photo{border-radius:10px;position:relative;overflow:hidden}.latest-photo img{object-fit:cover;width:100%;height:100%;min-height:113px}.latest-photo>span{color:#fff;text-align:center;background:#0005;padding:3px;font-size:8px;position:absolute;bottom:0;left:0;right:0}.latest-info{flex-direction:column;justify-content:space-between;min-width:0;display:flex}.place-title{align-items:center;gap:4px;font-size:12px;font-weight:900;line-height:1.6;display:flex}.place-title>svg{color:var(--red);flex-shrink:0}.record-time{color:#677187;align-items:center;gap:4px;font-size:10px;line-height:1.7;display:flex}.record-time svg{flex-shrink:0}.note-box{white-space:pre-line;background:#f4f6fa;border-radius:6px;margin:4px 0;padding:5px 6px;font-size:10px;line-height:1.5}.record-footer{justify-content:space-between;gap:3px}.author,.record-footer{align-items:center;display:flex}.author{white-space:nowrap;gap:4px;font-size:9px}.avatar{color:#588679;background:#ddece5;border:1px solid #fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:9px;display:grid}.like-button{color:#f9234c;background:0 0;flex-shrink:0;align-items:center;gap:3px;padding:4px 0;font-size:11px;display:flex}.like-button>span{color:#626c84}.like-button.liked{color:#db0731}.like-button.liked svg{animation:heart-pop .25s ease-out}.map-section{position:relative}.section-subtitle{color:#747e93;font-size:9px;position:absolute;top:18px;left:124px}.map-section:has(.section-subtitle) .scribble{display:none}.map-container{background:#f7faf0;border:1px solid #e5eddd;border-radius:10px;overflow:hidden}.map-viewport{isolation:isolate;height:109px;position:relative;overflow:hidden}.map-art{width:100%;height:100%}.map-art,.map-layer{position:absolute;inset:0}.map-layer{transform-origin:50%;transition:transform .2s}.map-marker{z-index:2;background:0 0;flex-direction:column;align-items:center;gap:3px;display:flex;position:absolute;transform:translate(-50%,-50%)}.map-label{white-space:nowrap;background:#fff;border:1.5px solid #007cff;border-radius:6px;padding:2px 6px;font-size:8px;font-weight:900;box-shadow:1px 1px #fff}.pin-shape{background:var(--red);border:2px solid #fff;border-radius:50% 50% 50% 0;place-items:center;width:19px;height:22px;display:grid;position:relative;transform:rotate(-45deg);box-shadow:0 2px 3px #5a7c6250}.pin-shape svg{color:#fff;transform:rotate(45deg)}.pin-shape img{object-position:top;mix-blend-mode:multiply;background:#ffe252;border-radius:50%;width:20px;height:23px;transform:rotate(45deg)}.map-marker.selected{z-index:3}.selected .pin-shape{width:30px;height:33px;box-shadow:-7px 7px 0 4px #ffe14770}.selected .pin-shape img{object-fit:cover;object-position:top;width:25px;height:25px}.map-controls{z-index:5;flex-direction:column;gap:4px;display:flex;position:absolute;bottom:15px;right:7px}.map-controls button{background:#fff;border-radius:50%;place-items:center;width:29px;height:29px;display:grid;box-shadow:0 2px 5px #0002}.map-watermark{color:#3f624c;background:#ffffffc9;border-radius:3px;padding:1px 4px;font-size:7px;position:absolute;bottom:2px;right:6px}.map-selected{background:#fcfefb;align-items:center;gap:6px;padding:8px 9px;display:flex}.map-selected>svg{color:var(--blue)}.map-selected strong{font-size:11px;display:block}.map-selected span{color:#76826d;margin-top:2px;font-size:9px;display:block}.map-selected>a{color:#007adb;margin-left:auto;font-size:10px}.map-select .map-viewport{height:128px}.map-history .map-viewport{height:164px}.map-full .map-viewport{height:330px}.map-full .map-label{font-size:9px}.history-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.report-cta-wrap{padding:5px 22px 11px;position:relative}.report-cta{color:#fff;text-shadow:0 1px #c22;letter-spacing:1px;background:linear-gradient(135deg,#ff3b42,#ff0734);border:2px solid #ff9b9d;border-bottom-color:#e90028;border-radius:34px;justify-content:center;align-items:center;gap:12px;min-height:51px;font-size:21px;font-weight:900;display:flex;box-shadow:0 0 0 2px #fff,0 4px 8px #ff184d1a}.report-cta svg{flex-shrink:0}.report-cta:hover{background:#ed1234;transform:translateY(-1px)}.cta-star{color:#ffc61a;font-size:30px;position:absolute;top:3px;left:-3px;transform:rotate(-12deg)}.cta-caption{text-align:right;color:#8b7850;margin-top:3px;font-size:8px;font-weight:700;display:block}.recent-scroll{scroll-snap-type:x mandatory;scrollbar-width:thin;grid-auto-columns:calc(25% - 4.5px);grid-auto-flow:column;gap:6px;padding:0 0 3px;display:grid;overflow-x:auto}.recent-card{scroll-snap-align:start;background:#fff;border-radius:8px;min-width:0;overflow:hidden;box-shadow:0 2px 5px #2221}.recent-card img{aspect-ratio:1.55;object-fit:cover;width:100%}.recent-card h3{white-space:nowrap;letter-spacing:-.5px;align-items:center;gap:1px;padding:2px 3px;font-size:8px;line-height:1.8;display:flex;overflow:hidden}.recent-card h3>svg{color:var(--red);flex-shrink:0;width:11px}.recent-meta{color:#78839a;justify-content:space-between;padding:0 3px;font-size:7px}.recent-meta,.recent-meta>span{align-items:center;gap:2px;display:flex}.recent-meta .like-button{gap:1px;padding:1px 0 5px;font-size:7px}.recent-meta .like-button svg{width:11px;height:11px}.recent-meta>span>svg{width:10px}.page-footnote{color:#96957e;text-align:center;margin:14px 0 0;font-size:9px;line-height:1.8}.page-footnote a{color:#7d8964;display:block}.bottom-nav{width:100%;max-width:720px;height:74px;padding:9px 9px max(9px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:20;background:#ffffffed;border-top:1px solid #f2f1e8;border-radius:24px 24px 0 0;justify-content:space-around;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #6464520b}.bottom-nav a{color:#7b8092;flex-direction:column;align-items:center;gap:3px;min-width:54px;font-size:10px;font-weight:700;display:flex}.bottom-nav .active{color:var(--red)}.bottom-nav .active svg{stroke-width:2.8px}.bottom-nav:after{content:"";background:#202020;border-radius:5px;width:24%;height:4px;position:absolute;bottom:5px;left:38%}.report-steps{justify-content:space-around;margin:0 12px 11px;display:flex}.report-steps>div{text-align:center;color:#9397a7;flex:1;font-size:12px;position:relative}.report-steps>div:not(:last-child):after{content:"";z-index:-1;background:#dedfe5;border-radius:5px;width:70%;height:3px;position:absolute;top:12px;left:65%}.report-steps>div.current:not(:last-child):after{background:linear-gradient(90deg,#008cff 50%,#dedfe5 0)}.report-steps span{color:#9295a7;background:#e9e9ee;border-radius:50%;place-items:center;width:27px;height:27px;margin:0 auto 4px;font-size:20px;font-weight:900;display:grid}.report-steps strong{font-size:12px}.report-steps .current{color:var(--blue)}.report-steps .current span{color:#fff;background:var(--blue)}.form-section{margin-bottom:8px;padding:10px}.form-heading{justify-content:space-between;gap:4px;margin-bottom:9px}.form-heading,.form-heading h2{align-items:center;display:flex}.form-heading h2{white-space:nowrap;gap:7px;font-size:17px}.form-heading>span{color:#7c8397;font-size:10px}.step-number{color:#fff;background:var(--blue);border-radius:50%;place-items:center;width:29px;height:29px;font-size:21px;display:inline-grid}.form-heading em{color:var(--red);font-style:normal}.form-heading small{color:#7b8299;font-size:11px;font-weight:500}.upload-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.upload-tile{aspect-ratio:1/1.15;color:#7c8299;text-align:center;cursor:pointer;background:#f7f8fa;border:1.5px dashed #d3d7e4;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:4px;display:flex;position:relative}.upload-tile input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.upload-tile:focus-within{outline:3px solid var(--blue)}.upload-tile strong{font-size:10px}.upload-tile span{font-size:8px;line-height:1.6}.upload-preview{aspect-ratio:1/1.15;border-radius:9px;min-width:0;position:relative;overflow:hidden}.upload-preview>button:not(.preview-open){color:#fff;z-index:2;background:#17252bbc;border:2px solid #fff;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;top:4px;right:4px}.upload-preview .preview-open{background:#f4f4f4;width:100%;height:100%;padding:0}.upload-preview img{object-fit:cover;width:100%;height:100%}.location-row{gap:6px;margin-top:8px;display:flex}.location-row select{background:#fff;border:1px solid #dce5df;border-radius:7px;flex:1;width:0;padding:7px;font-size:11px}.location-row button{color:#007ade;background:#e7f4ff;border-radius:7px;align-items:center;gap:4px;padding:6px 8px;font-size:10px;font-weight:700;display:flex}.field-help{color:#798091;margin:7px 0 0;font-size:10px;line-height:1.7}.textarea-wrap{position:relative}.textarea-wrap textarea{resize:vertical;background:#f8f9fb;border:1px solid #e2e5ed;border-radius:9px;width:100%;height:89px;padding:10px 10px 24px;font-size:12px;line-height:1.7}.textarea-wrap textarea::placeholder{color:#a6adbc}.textarea-wrap>span{color:#a0a7b7;font-size:10px;position:absolute;bottom:10px;right:10px}.submit-button{width:92%;min-height:46px;margin:9px auto 0;font-size:19px}.submit-note{text-align:center;font-size:9px}.form-error{color:#cd1736;background:#fff0f1;border:1px solid #ffbbc7;border-radius:8px;margin-bottom:8px;padding:10px;font-size:12px}.filter-tabs{background:#f0f1f6;border:5px solid #fff;border-radius:25px;gap:4px;margin-bottom:10px;display:flex;box-shadow:0 3px 15px #2221}.filter-tabs button{background:0 0;border:1px solid #0000;border-radius:20px;flex:1;padding:8px 5px;font-size:15px;font-weight:900;position:relative}.filter-tabs .selected{color:var(--red);border-color:var(--red);background:#fff}.filter-tabs .selected:after{content:"";background:var(--red);border-radius:5px;width:34px;height:4px;position:absolute;bottom:-3px;left:calc(50% - 17px)}.sighting-card{grid-template-columns:40% 1fr;gap:9px;min-height:112px;margin-bottom:7px;padding:6px;display:grid}.sighting-photo{border-radius:10px;overflow:hidden}.sighting-photo img{object-fit:cover;width:100%;height:100%;min-height:101px}.sighting-info{min-width:0;padding:2px 2px 1px 0;position:relative}.sighting-info h2{font-size:13px;line-height:1.4}.sighting-note{color:#5b667d;white-space:pre-line;max-width:calc(100% - 5px);margin:2px 0 6px;font-size:10px;line-height:1.6}.pending-tag,.public-tag{color:#0081ea;white-space:nowrap;background:#d1eaff;border-radius:7px;padding:3px 6px;font-size:9px;font-weight:900;display:inline-block}.sighting-info .public-tag{opacity:.95;padding:3px 5px;font-size:8px;position:absolute;bottom:29px;right:4px}.sighting-info .place-title{padding-right:37px;font-size:11px;line-height:1.5}.sighting-info .record-time{flex-wrap:wrap;gap:3px;font-size:8px;line-height:1.3}.sighting-info .record-time small{font-size:7px;display:none}.sighting-info .like-button{font-size:10px}.sighting-info .like-button svg{width:18px}.empty-state{text-align:center;padding:30px 15px}.empty-state>svg{color:var(--blue);margin:0 auto 10px}.empty-state h2{font-size:18px}.empty-state p{color:#7c8394;margin:8px 0 16px;font-size:12px;line-height:1.7}.empty-state .mascot{height:150px;margin:auto}.blue-button{background:var(--blue);color:#fff;text-align:center;border-radius:20px;width:max-content;max-width:100%;margin:12px auto 4px;padding:9px 18px;font-size:12px;font-weight:800;display:block}.pending-tag{color:#c27500;background:#fff0bd}.local-report{position:relative}.local-report>.pending-tag{float:right}.local-report h2{margin-bottom:8px;font-size:15px}.local-report p{margin-bottom:8px;font-size:12px;line-height:1.6}.local-report>span:last-child{color:#758099;align-items:center;gap:4px;font-size:10px;display:flex}.detail-card h2{margin:10px 0;font-size:20px;line-height:1.5}.detail-photo{object-fit:cover;border-radius:12px;width:100%;max-height:400px;margin:10px 0}.detail-note{white-space:pre-line;padding:15px 0;font-size:14px;line-height:1.8}.detail-card .record-footer{font-size:12px}.missing-card{align-items:center;gap:6px;padding:12px 8px;display:flex;position:relative;overflow:hidden}.timer-comic{background:#fff;border:2px solid #202025;border-radius:13px;flex:1;min-width:0;padding:6px;position:relative;box-shadow:0 0 0 3px #fff4b5}.timer-eyebrow{color:#858070;text-align:center;font-size:8px;display:block}.timer-comic h2{color:var(--red);letter-spacing:1px;white-space:nowrap;text-align:center;text-shadow:1px 1px #fff2a5;font-size:24px}.timer-comic h2>span{letter-spacing:0}.timer-display{color:#fff;text-align:center;background:linear-gradient(135deg,#111b2c,#233445);border:2px solid #688094;border-radius:9px;margin-top:3px;padding:5px 2px;box-shadow:inset 0 0 0 2px #0e1624}.timer-display strong{white-space:nowrap;letter-spacing:.2px;font-variant-numeric:tabular-nums;font-size:17px;font-weight:900}.timer-display small{font-size:10px}.timer-display p{letter-spacing:1px;margin-top:3px;font-size:8px;line-height:1.5}.missing-mascot{width:100px;height:104px;position:relative}.missing-mascot .mascot{width:75px;height:83px;margin:25px auto 0;transform:rotate(75deg)}.sticky-note{z-index:2;background:#ffe263;padding:4px 7px;font-size:10px;line-height:1.6;display:block;top:3px;right:1px;transform:rotate(-12deg);box-shadow:0 2px 3px #2221}.question-marks,.sticky-note{font-weight:900;position:absolute}.question-marks{font-size:26px;bottom:9px;right:-3px;transform:rotate(12deg)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:5px;margin:9px 0;display:grid}.stat-card{text-align:center;border-radius:11px;min-width:0;margin:0;padding:8px 4px}.stat-icon{border-radius:50%;place-items:center;width:29px;height:29px;margin:0 auto 4px;display:grid}.stat-icon.orange{color:#ff8900;background:#ffedc5}.stat-icon.blue{color:#008cff;background:#d8ebff}.stat-icon.teal{color:#009dba;background:#c4f2f3}.stat-card h3{white-space:nowrap;color:#36496b;font-size:8px;font-weight:600}.stat-card>strong{font-size:24px;line-height:1.4;display:block}.stat-card>strong small{margin-left:2px;font-size:9px;font-weight:500}.stat-card>p{color:#8591a6;font-size:8px}.ranking-body{align-items:center;gap:6px;display:flex}.ranking-body ol{flex:1;min-width:0;margin:0;padding:0;list-style:none}.ranking-body li{white-space:nowrap;align-items:center;gap:5px;margin-bottom:5px;font-size:9px;display:flex}.rank{color:#6379b1;background:#e7eaf7;border-radius:50%;flex-shrink:0;place-items:center;width:17px;height:17px;font-size:12px;font-weight:800;display:grid}.rank-0{background:var(--red);color:#fff}.rank-1{color:#fff;background:#ff7250}.rank-2{color:#fff;background:#b04eff}.ranking-body li>span:nth-child(2){text-overflow:ellipsis;width:68px;font-weight:700;overflow:hidden}.rank-track{background:#f1f3f9;border-radius:7px;flex:1;height:10px;overflow:hidden}.rank-track>span{background:linear-gradient(90deg,#58a3f8,#a0ccff);border-radius:7px;height:100%;display:block}.ranking-body li:nth-child(2) .rank-track>span{background:#ffdc67}.ranking-body li:nth-child(3) .rank-track>span{background:#ffa757}.ranking-body li:nth-child(4) .rank-track>span{background:#ffb679}.ranking-body li:nth-child(5) .rank-track>span{background:#bf8aff}.ranking-body li>strong{color:#738099;width:10px;font-size:9px}.ranking-mascot{width:97px;height:112px;position:relative}.ranking-mascot>.comic-bubble{z-index:3;font-size:9px;position:absolute;top:3px;left:0}.ranking-mascot>.mascot{width:70px;height:88px;position:absolute;bottom:-6px;right:0}.ranking-card>.field-help{font-size:8px}.about-card{padding:16px}.about-card h2{align-items:center;gap:6px;font-size:19px;line-height:1.5;display:flex}.about-card>p{color:#667087;margin:9px 0;font-size:12px;line-height:1.9}.about-intro{justify-content:space-between;align-items:center;display:flex}.about-intro .mascot{width:89px;height:126px}.about-intro h2{margin:6px 0;font-size:26px}.about-intro p{color:#72829e;font-size:11px}.blue-eyebrow{letter-spacing:2px;color:var(--blue);font-size:10px;font-weight:900}.instruction-row{gap:12px;margin:17px 0;display:flex}.instruction-row>svg{color:var(--blue);flex-shrink:0}.instruction-row h3{margin-bottom:4px;font-size:13px}.instruction-row p{color:#7e8799;font-size:11px;line-height:1.8}.admin-link{color:#007ada;margin-top:15px;font-size:11px;display:block}.admin-label{color:#a77c19;align-items:center;gap:5px;margin-bottom:10px;font-size:10px;display:flex}.admin-summary{gap:12px;margin-top:15px;display:flex}.admin-summary>span{color:#64829e;background:#edf6ff;border-radius:9px;align-items:center;gap:7px;padding:8px 16px;font-size:11px;display:flex}.admin-summary strong{color:#0788ec;font-size:23px}.admin-review{gap:10px;margin-top:15px;display:flex}.admin-review>img{object-fit:cover;border-radius:10px;width:80px}.admin-review h3{margin:7px 0;font-size:13px}.admin-review p{color:#818a9c;font-size:10px;line-height:1.5}.review-actions{gap:5px;margin-top:10px;display:flex}.review-actions button{color:#087acb;background:#e3f3ff;border-radius:6px;padding:6px 7px;font-size:9px}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;background:#17243c88;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.success-dialog{text-align:center;background:#fff;border-radius:22px;width:100%;max-width:360px;padding:26px 23px;box-shadow:0 8px 50px #0003}.success-dialog>svg{color:#159c82;margin:0 auto 15px}.success-dialog h2{font-size:19px}.success-dialog p{color:#727b91;margin:12px 0;font-size:12px;line-height:1.8}.success-note{color:#94804a;background:#fff9db;border-radius:10px;padding:10px;font-size:10px;line-height:1.7}.text-button{color:#7e8799;background:0 0;padding:10px;font-size:11px}.photo-dialog{max-width:600px;position:relative}.photo-dialog img{object-fit:contain;border-radius:12px;max-height:80dvh}.photo-dialog>button{background:#fff;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;top:-12px;right:-12px}.photo-dialog>button svg{width:20px}.mascot{mix-blend-mode:normal;clip-path:polygon(49% 1%,39% 2%,35% 5%,32% 13%,29% 21%,23% 26%,15% 30%,9% 35%,4% 42%,3% 52%,5% 61%,8% 65%,14% 67%,19% 65%,22% 61%,24% 56%,24% 48%,25% 62%,29% 71%,26% 80%,23% 90%,18% 93%,11% 96%,11% 98%,27% 99%,40% 99%,44% 97%,43% 94%,44% 87%,49% 77%,53% 77%,57% 89%,59% 94%,59% 97%,70% 99%,85% 99%,91% 97%,84% 94%,77% 91%,72% 80%,72% 73%,78% 65%,79% 53%,80% 48%,82% 55%,81% 61%,80% 64%,86% 67%,92% 65%,96% 58%,97% 49%,93% 41%,87% 34%,76% 28%,68% 22%,65% 14%,65% 8%,61% 4%,55% 2%)}.pin-shape img{object-fit:cover;mix-blend-mode:normal;clip-path:circle(48%)}@keyframes heart-pop{50%{transform:scale(1.3)}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (min-width:500px){.site-shell{padding-bottom:100px}.brand-hero{height:325px}.brand-type{transform-origin:0 0;top:25px;left:32px;transform:rotate(-5deg)scale(1.6)}.hero-mascot{width:195px;height:295px;top:29px;right:87px}.brand-hero>.comic-bubble{width:126px;font-size:16px;top:203px;right:20px}.hero-star{width:32px;height:32px}.star-one{top:188px;left:12px}.star-two{top:129px;right:24px}.spark{font-size:68px;top:12px;right:180px}.page-content{padding:0 20px 25px}.demo-notice{margin:3px 0 12px;font-size:11px}.paper-card{border-radius:23px;margin-bottom:13px;padding:16px}.section-title{margin-bottom:12px}.section-title h2{gap:9px;font-size:23px}.section-title>a{font-size:14px}.live-pill{padding:6px 9px;font-size:18px}.latest-body{gap:13px}.latest-photo img{min-height:195px}.latest-photo>span{font-size:10px}.place-title{font-size:19px}.record-time{font-size:14px}.note-box{padding:8px 10px;font-size:15px}.author{font-size:13px}.avatar{width:28px;height:28px}.like-button{gap:6px;font-size:16px}.like-button svg{width:24px;height:24px}.map-viewport{height:170px}.map-label{font-size:11px}.pin-shape{width:24px;height:27px}.selected .pin-shape{width:41px;height:43px}.selected .pin-shape img{width:34px;height:34px}.map-controls button{width:40px;height:40px}.map-watermark{font-size:10px}.section-subtitle{font-size:13px;top:24px;left:180px}.report-cta-wrap{padding:8px 53px 17px}.report-cta{gap:22px;min-height:75px;font-size:31px}.report-cta svg{width:36px;height:36px}.cta-star{font-size:45px;top:9px;left:3px}.cta-caption{font-size:11px}.recent-scroll{grid-auto-columns:calc(25% - 6.75px);gap:9px}.recent-card h3{padding:4px 6px;font-size:12px}.recent-meta{padding:0 6px}.recent-meta,.recent-meta .like-button{font-size:10px}.recent-meta .like-button svg{width:15px;height:15px}.recent-meta>span>svg{width:13px}.recent-card h3>svg{width:15px}.bottom-nav{height:83px;padding-top:12px}.bottom-nav a{gap:5px;font-size:14px}.bottom-nav a svg{width:29px;height:29px}.hero-report{height:265px}.hero-report .brand-type{top:54px;left:29px;transform:rotate(-7deg)scale(1.3)}.hero-report .hero-mascot{height:225px;top:49px;right:35px}.report-heading{font-size:30px;top:22px}.hero-report>.comic-bubble{width:134px;font-size:15px;top:96px;right:158px}.hero-sightings{height:214px}.hero-sightings .brand-type{top:74px;left:36px;transform:rotate(-5deg)scale(1.5)}.hero-sightings .hero-mascot{width:160px;height:225px;top:0;right:74px}.hero-sightings>.comic-bubble{width:106px;font-size:14px;top:72px;right:15px}.hero-about,.hero-admin,.hero-map{height:273px}.hero-about .brand-type,.hero-admin .brand-type,.hero-map .brand-type{top:34px;left:33px;transform:rotate(-4deg)scale(1.35)}.hero-about .hero-mascot,.hero-admin .hero-mascot,.hero-map .hero-mascot{height:244px;top:30px;right:56px}.hero-about>.comic-bubble,.hero-admin>.comic-bubble,.hero-map>.comic-bubble{top:172px;right:16px}.form-heading h2{gap:10px;font-size:25px}.step-number{width:39px;height:39px;font-size:27px}.form-heading>span{font-size:14px}.upload-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.upload-tile strong{font-size:14px}.upload-tile span{font-size:12px}.map-select .map-viewport{height:208px}.map-full .map-viewport{height:410px}.map-history .map-viewport{height:235px}.map-selected strong{font-size:15px}.field-help,.map-selected span{font-size:12px}.location-row select{padding:10px;font-size:14px}.location-row button{padding:10px;font-size:13px}.textarea-wrap textarea{height:130px;font-size:17px}.textarea-wrap>span{font-size:13px}.form-heading small{font-size:16px}.report-steps span{width:36px;height:36px;font-size:26px}.report-steps strong{font-size:17px}.report-steps>div:not(:last-child):after{top:18px}.filter-tabs button{padding:12px;font-size:22px}.sighting-card{gap:15px;padding:9px}.sighting-info h2{font-size:20px}.sighting-note{font-size:15px}.sighting-info .place-title{font-size:16px}.sighting-info .record-time{font-size:12px}.sighting-info .like-button{font-size:15px}.sighting-info .record-time small{display:inline}.sighting-info .public-tag{font-size:11px;bottom:38px}.sighting-photo img{min-height:154px}.timer-comic{padding:11px}.timer-eyebrow{font-size:12px}.timer-comic h2{font-size:37px}.timer-display strong{font-size:28px}.timer-display p{font-size:12px}.timer-display small{font-size:15px}.missing-mascot{width:155px;height:165px}.missing-mascot .mascot{width:115px;height:123px;margin-top:35px}.sticky-note{padding:8px;font-size:14px}.question-marks{font-size:37px}.stats-grid{gap:9px}.stat-card{border-radius:16px;padding:12px 6px}.stat-icon{width:39px;height:39px}.stat-card h3{font-size:12px}.stat-card>strong{font-size:34px}.stat-card>p{font-size:11px}.ranking-body li{gap:8px;margin-bottom:8px;font-size:14px}.ranking-body li>span:nth-child(2){width:110px}.rank{width:24px;height:24px;font-size:16px}.rank-track{height:15px}.ranking-body li>strong{width:16px;font-size:13px}.ranking-mascot{width:157px;height:166px}.ranking-mascot>.comic-bubble{font-size:14px}.ranking-mascot>.mascot{width:103px;height:134px}.ranking-card>.field-help{font-size:10px}.about-card{padding:23px}.about-card h2{font-size:26px}.about-card>p{font-size:15px}.instruction-row h3{font-size:18px}.instruction-row p{font-size:14px}.page-footnote{font-size:11px}}@media (max-width:360px){.brand-type{transform-origin:0 0;left:12px;transform:rotate(-5deg)scale(.93)}.hero-mascot{right:32px}.section-subtitle{display:none}.section-title h2{font-size:15px}.timer-comic h2{font-size:21px}.timer-display strong{font-size:15px}.missing-mascot{width:89px}.place-title{font-size:11px}.recent-scroll{grid-auto-columns:calc(33.3333% - 4px)}.sighting-info h2{font-size:12px}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}:root{--paper-shadow:0 3px 0 #ece8d780,0 10px 26px #524b2810;--ease-out:cubic-bezier(.22,1,.36,1)}body{background:radial-gradient(ellipse at 18% 10%,#fff6bf,transparent 46%),radial-gradient(ellipse at 90% 65%,#dceeff,transparent 55%),#f4f2e7}::selection{background:#ffe17c;color:#17253c}.site-shell{background:linear-gradient(145deg,#fffdf3ed,#fffef9d9),radial-gradient(#f0c64c 1px,transparent 1.5px) 0 0 /9px 9px;box-shadow:0 0 0 1px #fff9,0 20px 90px #42536c18;padding-bottom:108px}.page-content{padding-bottom:26px}.demo-notice{width:fit-content;max-width:100%;margin:3px auto 14px;padding:6px 11px;border:1px solid #eadeb280;border-radius:99px;background:#fffdf3d9;color:#817347;line-height:1.6}.demo-dot{background:#d0a128;box-shadow:0 0 0 3px #f2d78433}.paper-card{border:1px solid #eeeadd;border-radius:20px;background:linear-gradient(145deg,#fff,#fffefa);box-shadow:var(--paper-shadow);margin-bottom:13px}.latest-card{border-top:3px solid #ff697b}.latest-empty{display:flex;align-items:center;gap:15px;padding:7px 5px}.latest-empty .mascot{width:61px;height:89px;flex-shrink:0;transform:rotate(-8deg)}.latest-empty strong{font-size:13px;color:#47586e}.latest-empty .field-help,.recent-empty{line-height:1.9}.recent-empty{padding:8px 4px 12px;color:#8691a0;font-size:11px}.section-title{margin-bottom:12px}.section-title h2{letter-spacing:-.3px}.section-title>a{color:#697991;padding:5px 0 5px 5px}.section-title>a svg{transition:translate .2s var(--ease-out)}.live-pill{background:linear-gradient(135deg,#ff485a,#fa1640);box-shadow:0 2px 7px #ff244326}.latest-photo,.sighting-photo{border-radius:13px;background:#f2f1e6}.latest-photo>span{padding:5px;background:linear-gradient(transparent,#132439aa)}.latest-photo img,.recent-card img,.sighting-photo img{transition:transform .55s var(--ease-out)}.note-box{border-radius:9px;background:#f1f6fa;padding:8px;color:#45576a}.avatar{background:#e2f0ff;color:#1678ba}.map-container{border-radius:14px;border-color:#dfe8dc;box-shadow:inset 0 0 0 1px #fff}.map-selected{padding:11px;background:#f7fbf6;border-top:1px solid #e4edde}.map-controls button{border:1px solid #e5eade;box-shadow:0 3px 10px #19341d1c}.report-cta-wrap{padding-top:9px;padding-bottom:15px}.report-cta{position:relative;overflow:hidden;isolation:isolate;min-height:57px;background:linear-gradient(115deg,#ff4d55,#ff1643 75%);border:2px solid #ff929e;border-bottom-color:#e31b3e;box-shadow:0 4px 0 #d81638,0 9px 19px #ff244325;transition:transform .2s var(--ease-out),box-shadow .2s,background .2s}.report-cta:before{content:"";position:absolute;inset:-70% auto -70% -60%;width:28%;background:linear-gradient(90deg,transparent,#ffffff38,transparent);transform:skewX(-24deg);pointer-events:none;animation:button-sheen 5s ease-in-out 2}.report-cta>svg:last-child{transition:translate .25s var(--ease-out)}.cta-caption{margin-top:9px;color:#897b56}.recent-scroll{gap:9px;padding:2px 1px 7px}.recent-card{border:1px solid #eceef0;border-radius:12px;box-shadow:0 3px 8px #20385608}.recent-card h3{letter-spacing:0}.page-footnote{color:#8d8a75;letter-spacing:.7px}.page-footnote a{margin-top:5px;color:#377c9e}.bottom-nav{width:calc(100% - 20px);max-width:688px;bottom:max(10px,env(safe-area-inset-bottom));height:67px;padding:7px 5px;border:1px solid #fff;border-radius:24px;background:#fffffff5;box-shadow:0 5px 26px #293b6320,0 1px 3px #293b6310;backdrop-filter:blur(16px)}.bottom-nav:after{display:none}.bottom-nav a{position:relative;flex:1;min-width:0;justify-content:center;border-radius:17px;color:#8190a3;transition:color .2s,background .2s,transform .2s var(--ease-out)}.bottom-nav .active{color:#ed244d;background:#fff0f1}.bottom-nav .active svg{animation:nav-arrive .35s var(--ease-out)}.filter-tabs{border:4px solid #fff;background:#eff3f7;box-shadow:0 3px 12px #3c587b0d;margin-bottom:14px}.filter-tabs button{transition:background .2s,color .2s,box-shadow .2s}.filter-tabs .selected{border-color:#ffb3bf;box-shadow:0 2px 7px #ef30531a}.filter-tabs .selected:after{bottom:-2px;height:3px}.sighting-card{padding:9px;gap:10px}.sighting-note{color:#647288}.public-tag{background:#e3f4ff;color:#147cbc;border:1px solid #cbe9fa}.pending-tag{background:#fff4d4;color:#9b6810;border:1px solid #fae3a3}.empty-state{background:radial-gradient(ellipse at 50% 10%,#fff6cb,transparent 70%),white}.empty-state p{max-width:320px;margin-left:auto;margin-right:auto}.form-section{padding:13px}.step-number{box-shadow:0 3px 0 #d5edff;background:linear-gradient(135deg,#28aeff,#007aef)}.report-steps{margin-bottom:17px}.report-steps .current span{box-shadow:0 0 0 4px #dff1ff}.upload-tile{background:#f5faff;border-color:#bad7ee;border-radius:13px;color:#6686a3;transition:border-color .2s,background .2s}.upload-tile>svg{color:#168de0}.upload-preview{border-radius:13px;animation:photo-arrive .3s var(--ease-out)}.admin-login input,.cloud-review textarea,.textarea-wrap textarea{background:#f8fafc;border:1px solid #dfe6ee;border-radius:12px;transition:border-color .2s,box-shadow .2s,background .2s}.admin-login input:focus,.cloud-review textarea:focus,.textarea-wrap textarea:focus{border-color:#7bc4fa;background:white;box-shadow:0 0 0 3px #0095ff10}.blue-button{background:linear-gradient(135deg,#159ff3,#0076db);padding:11px 20px;border:1px solid #0788e6;border-radius:14px;box-shadow:0 3px 0 #006ec5,0 5px 12px #008cff16;transition:transform .2s,box-shadow .2s}.location-row button{border:1px solid #cfe9fb;padding:9px;border-radius:10px}.stat-card{border-radius:15px;padding-top:12px;padding-bottom:12px}.stat-card>strong{color:#20354e;letter-spacing:-.8px;font-variant-numeric:tabular-nums}.stat-icon{box-shadow:0 0 0 4px #f8fafc;margin-bottom:8px}.timer-comic{box-shadow:3px 4px 0 #ffe89b}.timer-display{background:linear-gradient(130deg,#172b41,#223b52)}.ranking-card{overflow:hidden}.rank-track{background:#edf2f7}.rank-track>span{transform-origin:left;animation:rank-arrive .8s var(--ease-out)}.about-card{padding:20px 16px}.instruction-row{padding:13px 0;margin:0;border-bottom:1px dashed #e5e9ee}.instruction-row:last-child{border-bottom:0}.instruction-row>svg{background:#edf7ff;border-radius:9px;padding:4px;width:32px;height:32px}.admin-label{width:fit-content;background:#fff5d6;border:1px solid #f0e2b6;padding:6px 9px;border-radius:8px}.admin-login{gap:16px;margin-top:21px}.admin-login label{gap:8px;color:#51627b;font-weight:600}.admin-login input{min-height:44px}.admin-login .blue-button{width:100%;margin-top:2px}.admin-summary>span{flex:1;border:1px solid #dcedfa;background:linear-gradient(135deg,#eff8ff,#f8fbff);border-radius:13px}.cloud-review{background:#fafcfe;border:1px solid #e4eaf1;border-radius:15px;padding:13px}.cloud-photo-grid img{border:3px solid white;box-shadow:0 2px 5px #304b6412}.review-actions{flex-wrap:wrap;gap:8px}.review-actions button{min-height:36px;padding:9px 10px;border-radius:9px;font-size:11px}.review-actions button:first-child{background:#e2f5ee;color:#168164}.review-actions button:last-child{background:#fff0f1;color:#c33e54}.photo-dialog,.success-dialog{animation:dialog-arrive .3s var(--ease-out)}.hero-mascot{transform-origin:50% 85%;animation:mascot-sway 5s ease-in-out 2}.hero-star{animation:star-glimmer 3s ease-in-out 3}.star-two{animation-delay:.8s}.page-content{animation:page-arrive .45s var(--ease-out)}.like-button{transition:transform .2s var(--ease-out)}.blue-button:active,.bottom-nav a:active,button:not(:disabled):active{scale:.97}.report-cta:active{transform:translateY(3px);box-shadow:0 1px 0 #d81638,0 4px 8px #ff24431a}@media (hover:hover) and (pointer:fine){.section-title>a:hover{color:#0088de}.report-cta:hover>svg:last-child,.section-title>a:hover svg{translate:3px 0}.latest-photo:hover img,.recent-card a:hover img,.sighting-photo:hover img{transform:scale(1.045)}.bottom-nav a:hover{background:#f3f8fd;color:#168ada}.bottom-nav .active:hover{background:#ffe8ec;color:#ed244d}.upload-tile:hover{background:#edf7ff;border-color:#309ee7}.blue-button:hover{transform:translateY(-2px)}.like-button:hover{transform:scale(1.1)}}@media (max-width:499px){.page-content{padding-left:13px;padding-right:13px}.section-subtitle{position:static;font-size:10px;margin:-5px 0 10px}.latest-info .note-box{font-size:11px}.recent-scroll{grid-auto-columns:38%}.recent-card h3{font-size:11px;padding:5px}.recent-meta,.recent-meta .like-button{font-size:9px;padding-left:4px;padding-right:4px}.recent-card img{aspect-ratio:1.25}.sighting-info h2{font-size:13px}.sighting-info .public-tag{position:static;margin:0 0 6px}.sighting-info .place-title{padding-right:0}.sighting-photo img{min-height:140px}.stat-card h3{font-size:8px;letter-spacing:-.3px}.timer-comic h2{font-size:21px;letter-spacing:0}.timer-display strong{font-size:16px}.form-heading>span{font-size:9px}}@media (min-width:500px){.paper-card{border-radius:24px;margin-bottom:17px}.bottom-nav{height:77px;padding:8px}.report-cta{min-height:75px}.about-card{padding:25px}.form-section{padding:19px}.sighting-card{padding:12px}}@keyframes page-arrive{0%{opacity:.4;translate:0 8px}to{opacity:1;translate:0 0}}@keyframes mascot-sway{0%,to{transform:rotate(-7deg)}50%{transform:translateY(-5px) rotate(-4deg)}}@keyframes star-glimmer{0%,to{scale:1}50%{scale:1.18}}@keyframes button-sheen{0%,65%{left:-60%}to{left:140%}}@keyframes nav-arrive{0%{transform:translateY(3px) scale(.88)}to{transform:translateY(0) scale(1)}}@keyframes photo-arrive{0%{opacity:0;scale:.94}to{opacity:1;scale:1}}@keyframes dialog-arrive{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes rank-arrive{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}